div内部元素是浮动的,比如div中有左右两个div并列,查看生成的页面后,父div的height被设置为0,即使div的height设置为100%也没有用。这个时候需要如下设置:
以上方式对ie6无效,这时需要在父div的尾部,再加一个隐藏的元素把父div撑开:
<div style="display: block;height: 0px;clear: both;visibility: hidden;"></div>
<div style="overflow:hidden;">
<div style="display:inline;float:left;width:274px;">
...
</div>
<div style="display:inline;float:right;width:274px;">
...
</div>
</div>
<div class="m-box view-info" style="overflow:hidden;">
<div style="display:inline;float:left;width:274px;">
</div>
<div style="display:inline;float:right;width:274px;">
</div>
</div>
本文详细介绍了在网页布局中遇到的浮动元素导致父元素高度变为0的常见问题,并提供了两种解决方案:一种是使用CSS的overflow属性为父元素设置为hidden;另一种是在父元素的尾部加入一个隐藏元素来撑开高度。适用于解决IE6等不支持CSS3属性的浏览器。通过实践案例展示了解决方法的具体应用。
2102

被折叠的 条评论
为什么被折叠?



