【IE6.0 Bug总结之二】双倍边距(margin)的bug

【IE6.0 Bug总结之二】双倍边距(margin)的bug

     IE6 的bug算是让人头疼甚至蛋疼到了极点，有时候他的种种bug会带给你无限的惊奇，有时候一个在其他浏览器上非常完美的网页到IE6上就乱成一团。今天就遇到了这个问题，在firefox上调试页面时页面都没问题，但一到IE6上，吓了一跳，布局完全乱掉。后来发现是IE6下浮动层双倍边距的bug引起的，于是就把问题整理了一下，分享给大家，相信写网页的朋友一定会遇到这种神奇的事情的。

1、bug问题描述：

一个浮动的div在IE6下可能会产生双倍边距的bug问题，具体产生的条件是：如果左浮动，则左边距加倍；如果右浮动，则右边距加倍。见下图：

                    正常的情况下margin-left是50px

                IE6下margin-left变成了100px，加倍了：(

 

2、解决办法：

解决办法也很简单，只要给浮动层加一个css属性display:inline即可解决问题。