解决IE6中浮动元素的margin双倍边距问题


如何解决IE6双边距问题?

IE6中,第一个浮动到父元素边上的元素,如果含有该方向的margin值,那么margin会以双倍显示。即:浮动元素的左边距在IE6上为所设定的左边距的两倍【见上图2】

这个问题只会发生在浮动行的第一个浮动元素上。准确的说:应该是每一行的第一个元素都会受此影响。

为了解决该问题,需要给浮动元素添加属性display: inline,即可解决。【就会与 上图1 的演示效果一样



除此之外,IE6浮动元素的双边距问题,还具有延展性:

对比图3、 图4

如何解决IE6双边距问题?

要解决这两个问题,同样需要给浮动元素的它设置display: inline 属性。


以上就是关于“ 如何解决IE6双边距问题? ” 的全部内容。

相关文章:

  • 2021-07-17
  • 2021-07-11
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-02-07
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-03-05
相关资源
相似解决方案