我正在创建一个包含页脚的网站,在左侧仅是简单文本。最右边是带有指向各个社交网站链接的图标。当我将图像浮动到右侧时,我无法使图标停留在容器内。如何在不向页脚添加任何填充的情况下使图像停留在黄色区域内并脱离绿色区域?
body {
background-color: #17241d;
margin: 0;
}
#mainWindow {
width: 1200px;
margin-left: auto;
margin-right: auto;
background-color: #fffff6;
height:100%;
}
.right {
float:right;
}
footer, .footer {
font-size: .8em;
padding:10px;
}
<body>
<div id="mainWindow">
<p>Text here</p>
<div id="footer">
<footer>
<span>Left Side</span>
<img class="right" src="http://static.viewbook.com/images/social_icons/facebook_32.png" />
</footer>
</div>
</div>
</body>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句