解决css的float父div没有高度

编程开发 / / at

在做页面设计常会碰到css的float父div没有高度的情况,HTML代码设计

<div class='box'>
<div class='float_left'></div>
<div class='float_right'></div>
</div>

在CSS里定义了如CLASS类这样的浮动后,你会发现父div名box没有高度,所以又时候你可能感觉到父div的margin没有效果,这种情况下,你只需要给父div加个overflow:hidden就可以了,譬如

.box{overflow:hidden}

一条回应:“解决css的float父div没有高度”

  1. […] margin:0无效常出现于margin:0的上边距margin-top无效,最后发现问题是文档的格式问题,都是BOM惹的祸,我的网站是UTF-8格式,但通常在用记事本直接编辑模板时,会保存为ANSI格式,即使另存为UTF-8格式,也是不行的,因为UTF-8分为有BOM和无BOM的UTF-8。 如果你也出现这种问题,请先按照网络上的解决margin:0无效的方案:给父DIV加BORDER,或者OVERFLOW:HIDDEN。如果还是不行,就先检查自己是不是UTF-8格式,再W3C检查UTF-8网页html文档是否会提示有BOM警告,如果有,就用专业的编辑器(如UE)把网页文档转换为无BOM的格式。 编辑模板最好用专业的编辑器,记事本会出好多问题的。 […]

发表评论

电子邮件地址不会被公开。 必填项已用*标注