有人可以解释一下这个奇怪的现象:
由于某种原因,框页脚的高度被认为是 0px(它没有将页脚的内容作为高度考虑),因此边框无法正确显示。如果我浮动页脚或将其设置为固定高度,则可以修复此问题。如果我不能浮动它并且我不能使用固定高度怎么办 - 那我有什么选择?
HTML
<div id="footer">
<div class="left"> <a href="#">Home</a> <a href="#">Products</a> <a href="#">About</a> <a href="#">Contact</a> </div>
</div>
CSS
#footer {
width:970px;
margin:0 auto;
border:1px solid red;
}
#footer .left {
float:left;
width:250px;
margin-top:20px;
}
#footer .left a {
float: left;
display: block;
padding: 0px 0px 0px 7px;
color: #969696;
text-decoration: none;
}