页面布局浏览器兼容性

1.浮动  float

由于每个浏览器都有一个内置的CSS文件，当你没有对某个标签的属性设置的时候，浏览器就会应用内置的CSS文件，怎么才能做到浏览器兼容？你只需要在CSS文件中，将我们目前应用到得标签body和div置零就OK了，代码这么写：
        body,div{padding:0; margin:0;}
如何实现两个div并排：只需在前面的那个div中的CSS里面加上“float:left;”，火狐浏览器容易出现两个div重叠，只需在后边的div的CSS代码中也加入“float:left;”   float的作用就是消灭块状元素“霸权主义”的一把利器。

IE6中满足以下三个条件的时候会出现双边距bug：1）要为块状元素；      2）要左侧浮动；        3）要有左外边距(margin-left)；

需要在相应的块状元素的CSS属性中加入“display:inline;”

2.清除浮动  

如果想在前两个div的下边放置一个div，由于受前边“float:left;”的影响，会使第三个div放在同一行，所以我们需要清除对第三个div浮动的影响

只要在CSS代码中加入下面这段代码：
        .clear{clear:both;}
并在HTML代码中加入下面代码：
        <div class="clear"></div>//此代码应加在第二个和第三个div之间，为了清除第二个对第三个的浮动影响。