`
solid210
  • 浏览: 52889 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

IE 和 Firefox 下 CSS 中 margin-left IE显示为两倍的解决方法

阅读更多

问题描述
一个html页
<div style="width:190px; margin-left:10px; overflow:auto; background-color:#FFCCFF; float:left;">test</div>
但是左侧却显示缩进了20个px
此设置在firefox 和 opera 都是正常的
网上查找了原因发现是IE的一个BUG
在style里面添加display:inline;问题解决


另:当使用margin属性不能正确显示时,尝试使用display:inline;看能否解决问题

分享到:
评论

相关推荐

    css margin-left在IE6下的问题的解决方法

    在这个修复方案中,第一个`margin-left`声明是针对所有支持标准CSS的浏览器,包括IE8和Firefox等。第二个声明`_margin-left`是专门针对IE6的,它的值设为原值的一半,以抵消IE6的双倍边距bug。这样,在IE6下,元素的...

    IE6.0、IE7.0 与FireFox CSS兼容的解决方法

    2. **居中对齐**:Firefox中,设置`div`的`margin-left`和`margin-right`为`auto`即可实现居中,但IE6和IE7需要通过设置`body`的`text-align`为`center`,然后让`div`的`margin`自动调整。 3. **高度和宽度的适应**...

    IE与Firefox的CSS兼容大全

    在网页设计中,CSS(层叠样式表)的兼容性是一个关键问题,特别是对于历史悠久的Internet Explorer(IE)和相对现代的Firefox浏览器。由于这两者对CSS标准的解析方式不同,开发者经常面临兼容性挑战。以下是一些针对...

    css解决IE6,IE7,firefox兼容性问题.

    ### CSS解决IE6、IE7及Firefox兼容性问题详解 #### 一、引言 随着互联网技术的发展,浏览器种类日益增多,其中Internet Explorer (IE) 和 Firefox 是早期非常流行的两款浏览器。尤其在2000年代中期,IE6、IE7 和 ...

    让CSS兼容IE和Firefox的技巧集合

    标题中的“让CSS兼容IE和Firefox的技巧集合”是指在网页设计中,针对Internet Explorer(IE)和Firefox这两种浏览器之间CSS样式兼容性问题的解决策略。描述中的“嘿呌,IE不再是个bug”暗示了这些技巧能帮助开发者...

    IE和FireFox的CSS兼容

    在前端开发中,CSS兼容性是一个常见的挑战,尤其是在处理IE和Firefox这两个浏览器时。由于它们对CSS标准的实现存在差异,导致在不同浏览器下显示的效果可能不尽相同。以下是一些关键点,帮助开发者理解和解决这些...

    让IE和火狐同时兼容

    important`的情况下设置为`28px`,这可以有效地解决IE与Firefox之间`margin`计算方式的不同。 - 注释:当使用`!important`时,需要考虑到IE浏览器可能不会正确识别它。因此,建议使用类似`div { margin: 30px; ...

    IE与Firefox的CSS兼容问题

    在设置`div`元素的`margin-left`和`margin-right`为`auto`时,Firefox和IE的行为存在差异。Firefox会正确地将左右边距均等分配,而IE则可能不会。开发者应通过精确设置边距值来避免这种不一致性,或使用`margin: ...

    CSS兼容IE6,,IE7,I8 FIREFOX

    本文将详细解析如何通过CSS技巧来解决跨浏览器兼容性问题,特别是针对IE6、IE7、8以及Firefox等浏览器的兼容性处理方法。 #### 二、CSS Hack概述 **CSS Hack**是一种特定的技术手段,用于编写能够被某些特定浏览器...

    css兼容性(IE 和 firefox)技巧大全.doc

    在网页设计中,CSS(层叠样式表)的兼容性问题常常困扰着开发者,尤其是在处理IE(Internet Explorer)和Firefox这两个浏览器之间的差异时。本文主要针对这些差异提供了一些实用的技巧,帮助开发者解决常见的CSS兼容...

    IE6下出现双倍margin的解决方法

    IE6双倍margin的bug是指在Internet Explorer 6 (IE6) 浏览器环境下,某些元素的外边距(margin)会被错误地渲染为两倍于设定值的现象。这一问题通常发生在设置了`float`属性的元素上,并且该元素还定义了宽度和外边...

    firefox与ie css+div兼容大全

    2. **居中对齐**:Firefox可以通过设置`margin-left`和`margin-right`为`auto`使`div`水平居中,但IE可能需要将`text-align`设置为`center`,或者对`div`设置`margin: auto`。 3. **填充(Padding)与尺寸**:Fire...

    CSS兼容IE和Firefox的技巧集合

    CSS兼容性问题在Web开发中一直是个棘手的挑战,尤其是在处理IE(尤其是IE6、IE7)和Firefox之间的差异时。以下是一些针对这些浏览器兼容性问题的CSS技巧: 1. **垂直居中问题**: 当你需要一个div内容垂直居中时,...

    IE6_0、IE7_0 与FireFox CSS兼容的解决方法(网上收集)

    在FireFox中,当`div`元素的`margin-left`和`margin-right`设置为`auto`时,会自动居中显示。但在IE6_0和IE7_0中,可能不会得到同样的效果,需要通过额外的CSS规则来调整。 #### 3. Text-align和margin的自动分配 ...

    CSS在IE6 IE7与FireFox下的兼容问题整理

    【CSS在IE6 IE7与FireFox下的兼容问题】 在Web开发中,CSS(层叠样式表)的兼容性问题一直是开发者面临的一大挑战,尤其是在早期的浏览器之间,如Internet Explorer (IE)的6、7版本和Firefox。这些浏览器对CSS标准...

Global site tag (gtag.js) - Google Analytics