DIV自动增高方法处理

 在firefox中，当内容的盒子使用了float之后，并且当内容大于盒子（div）的高度的时候，盒子并不会随内容的增大而增大，造成内容跑到了盒子 的外面。在内容的末尾加clear可解决这个问题。同时，为了使这个加了clear的盒子本身不影响布局，必须使该盒子的大小为0。这里就又遇到了ie和 firefox对大小解释的差异。（经常混淆，所以这里记一笔）

.clear{
display:block;
font-size:12px !important;
font-size:0px;
line-height:0px;
clear:both;
}

不在乎多一个行高的高度的话可以简化：

.clear{
display:block;
clear:both;
}
这个clear的class可以加入很多不同的元素中，如，<div> <p> <br /> 而且这些之中，<br />是个很灵活的用法，有时候你会发现用它能保持最好的外形，可是有时候你又发现它多了一行 

转载于:https://www.cnblogs.com/x116/articles/1030095.html