DIV无法自动高度,IE8无法自动高度

特殊标签法

这种要领就是向父容器的末端再插入一个特另外标签，并令其破除浮动（clear）以撑大父容器。这种要领赏识器兼容性好，没有什么题目，弱点就是必要特另外（并且凡是是无语义的）标签。我小我私人不喜好这种要领，可是它确实是W3C保举的要领:

<div style="clear:both;"></div>

可能行使 

 <br style="clear:both;" />

行使after伪类

这种要领就是对父容器行使after伪类和内容声明在指定的此刻内容末端添加新的内容。常常的做法就是添加一个“点”，由于它较量小不太引人留意。然后我们再操作它来破除浮动（闭合浮动元素），并潜匿这个内容。

这种要领兼容性一样平常，但颠末各类 hack 也可以应付差异赏识器了，同时又可以担保html 较量干净，以是用得照旧较量多的。 

#outer:after{ 
content:"."; 
height:0; 
visibility:hidden; 
display:block; 
clear:both;
}

配置overflow为hidden可能auto {IE8常见内部浮动外部高度不顺应办理要领

这种做法就是将父容器的overflow设为hidden或auot就可以在尺度兼容赏识器中闭合浮动元素.

不外行使overflow的时辰，也许会对页面示意带来影响，并且这种影响是不确定的，你最好是能在多个赏识器上测试你的页面

浮动外部元素，float-in-float

这种做法就是让父容器也浮动，这操作到了浮动元素的一个特征——浮动元素会闭合浮动元素。这种方法在 IE/Win 和尺度兼容赏识器中都有较好的结果，但弱点也很明明——父容器未必想浮动就浮动的了，事实浮动是一种较量非凡的举动，有机缘关不应承其浮动也很正常。

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!