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就会下沉。