浮动错位和双倍边距的兼容性问题

一：浮动错位

<div class="div1"></div>

<div class="div2"></div>

要想让div1和div2处于同一行，且div1在坐边，仅设置float：left；在FireFox中并不能得到想要的效果（IE中可以），处理这个问题，请在div2中也添加一个float：left;

 

二：IE6的双倍边距

触发条件：

• 要为块状元素
• 要左侧浮动
• 要有左外边距

如何解决：只需要在相应的块级元素的CSS属性中加入“display:inline;(使块级元素转换为行内元素)”。