外部div不能包裹内部div的问题

转自http://www.du52.com/text.php?id=362

当设计网页时，如果内部div全部设置css属性float为左右浮动，那么外部div将不能包裹内部div

解决方法

1.在内部div最后面加入一个不浮动元素，强制外部div包裹内部div

<div class="out">

<div class="inner">a</div><div class="inner">a</div>

<div style="clear:both;"></div><!-- 加入不浮动元素 -->

</div>





2.设置外部div的css属性overflow:hidden;zoom:1;这里需要注意，zoom是IE6专有属性设置zoom是为了兼容IE6