兼容笔记
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;