解决IE6中浮动元素的margin双倍边距
问题
IE6中,第一个浮动到父元素边上的元素,如果含有该方向的margin值,那么margin会以双倍显示。即:浮动元素的左边距在IE6上为所设定的左边距的两倍**【见上图2】**。
这个问题只会发生在浮动行的第一个浮动元素上。准确的说:应该是每一行的第一个元素都会受此影响。
为了解决该问题,需要给浮动元素
添加属性display: inline
,即可解决。【就会与 上图1 的演示效果一样】
除此之外,IE6浮动元素的双边距问题,还具有延展性:
对比图3、 图4
- 要解决这两个问题,同样需要给
浮动元素
的它设置display: inline
属性。
以上就是关于“ 如何解决IE6双边距问题? ” 的全部内容。