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

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

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

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

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

对比图3、图4

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

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

如何解决IE6双边距问题？相关推荐

解决IE6兼容性问题常见方法
你对解决IE6兼容性问题常见方法是否了解,这里和大家分享一下,希望对你的学习有所帮助,欢迎大家一起来学习. 解决IE6兼容性问题常见方法 1.使用声明你必须经常在html网页头部放置一个声明,推荐使 ...
[css] 如何解决IE6浮动时产生双倍边距的BUG？
[css] 如何解决IE6浮动时产生双倍边距的BUG? 1.当块级元素有浮动样式的时候,给元素添加margin-left和margin-right样式,在ie6下就会出现双倍边距2.给当前元素添加样式 ...
浏览器兼容性经典问题（一） IE6 下双边距问题
问题描述: 一个div盒子如果设置了margin,并且该div设置了float浮动,那么在IE6下便会产生双边距问题:如果设置 float:left 那么左边距会是原来margin的两倍:如果是flo ...
html兼容ie7ie8,解决IE6、IE7、IE8样式不兼容问题
这里和大家探讨一下解决IE6.IE7.IE8 DIV错位问题,如果你的页面对IE7兼容没有问题,又不想大量修改现有代码,同时又能在IE8中正常使用,微软声称,开发商仅需要在目前兼容IE7的网站上添加一 ...
php7 css样式不支持,div错位/解决IE6、IE7、IE8样式不兼容问题_html/css_WEB-ITnose
放到标签下,然后为div指定一个类: 然后CSS这样设计: #container{ min-width: 600px; width:expression(document.body.clientW ...
DIV+CSS解决IE6，IE7，IE8，FF兼容问题
1.ie8下兼容问题,这个最好处理,转化成ie7兼容就可以.在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了 <meta http-equiv="x-ua-comp ...
一句white-space:nowrap解决IE6,IE7下浮动元素不自动换行
一句white-space:nowrap解决IE6,IE7下浮动元素不自动换行转载于:https://www.cnblogs.com/mabelstyle/p/3844739.html
解决IE6下不支持 png24的透明图片问题
解决IE6下不支持 png24的透明图片问题参考文章: (1)解决IE6下不支持 png24的透明图片问题 (2)https://www.cnblogs.com/heimanba/p/3826771 ...
解决IE6,IE7下子元素使用position:relative、父元素使用overflow:auto后，子元素不随着滚动条滚动的问题...
解决IE6,IE7下子元素使用position:relative.父元素使用overflow:auto后,子元素不随着滚动条滚动的问题在IE6,IE7下,子元素使用position:relative ...

如何解决IE6双边距问题？

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

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

如何解决IE6双边距问题？相关推荐

最新文章

热门文章

如何解决IE6双边距问题？

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

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

如何解决IE6双边距问题？相关推荐

最新文章

热门文章

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