您的当前位置：首页正文

div+csS中的一些技巧和浏览器兼容的办法_html/css_WEB-ITnose

2020-11-27 来源：知库网

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

比如:

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

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

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

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