兼容笔记

1.div自适应高

a). float下,设置height为100%,display为table

b). 额外标签法

向父容器的末尾再插入一个额外的标签，并令其清除浮动（clear）以撑大父容器。这种方法浏览器兼容性好，没有什么问题，缺点就是需要额外的（而且通常是无语义的）标签。
W3C推荐的方法＜div style="clear:both;">＜/div>或者使用＜br style="clear:both;" >

c). 设置overflow为hidden或者auto
这种做法就是将父容器的overflow设为hidden或auto就可以在标准兼容浏览器中闭合浮动元素.
不过使用overflow的时候，可能会对页面表现带来影响，而且这种影响是不确定的，你最好是能在多个浏览器上测试你的页面

 

2.ie6与ie7在margin上，ie6是ie7的双倍
解决：一定同时使用float，添加样式display:inline;