div+csS中的一些技巧和浏览器兼容的办法

（1）对于一个层内有浮动的层，主层应该用OVERFLOWER：HIDDEN，以消除内层的浮动导致的其它外的影响。

比如:

<div id="main1">
    <div id="son1" style="float：left; display:inline">aa</div>
</div>
<div id="main2" style="margin-top:10px;">
   main2内容　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
</div>

这时候如果MIAN1不加OVERFLOWER：HIDDEN的话，MAIN2的MARGIN-TOP是没有效果的，原因就是SON1这个浮动元素的影响导致的。

display:inline是为了兼容IE6的浮动中MARGIN会产生双倍的MARGIN值。当然还有别的办法可以消除FLOAT的影响，就是在浮动元素后面添加一个DIV让他CLEAR：LEFT，RIGHT，BOTH

（2）对于浮动的LI，要排成多行多列的话，LI要指写高度和宽度。指定高度是因为如果没有指定高度，前面一排的LI如果文字行数不一的话，第二排的LI就会下沉。