外部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
当设计网页时,如果内部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