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

IE6 双倍边距的解决方法

阅读更多

IE不同版本对CSS的解释都有略微差异,因为这点差异也使很多站长头大,今天说一个IE6双边距的BUG,先看代码:

<style type="text/css">
body {margin:0}
div { float:left; margin-left:10px; width:200px; height:200px; border:1px solid red }
</style>
http://www.corange.cn/archives/2008/10/2043.html

分享到:
评论

相关推荐

    IE6双倍边距 IE6浏览器会出现双倍边距解决方法

    通过添加`display:inline`,我们可以看到在IE6和IE8等其他浏览器中,边距都正确地显示为10px,解决了双倍边距的差异。 需要注意的是,虽然IE6的市场份额已经非常小,但是在某些特定的用户群体或地区,它可能仍然...

    IE6的双倍边距和火狐自适应高度

    需要注意的是,这种方法虽然解决了IE6下的双倍边距问题,但在其他现代浏览器(如Firefox、IE8等)中可能导致布局错乱。这是因为将`div`设置为内联元素后,它不再占据整行宽度,而是只占据其实际宽度,这可能与预期的...

    IE6盒子模型没问题 详测双倍边距

    对于IE6的双倍边距bug,还有其他一些解决方案,例如使用`*margin` Hack,这是一种专为IE6设计的CSS技巧,将星号(*)放在属性前,可以使得该规则只对IE6生效。例如,`*margin: 0` 将只影响IE6,并且会覆盖正常的margin...

    ie6bug问题解决

    4. **双倍边距问题**:当应用`display:inline`的`div`元素使用`float`属性时,IE6会显示双倍边距。可以使用`display:inline-block`来规避这个问题,但需要考虑此属性在旧版IE浏览器中的兼容性。 5. **CSS选择器支持...

    IE6-IE11兼容性问题列表及解决办法.rar

    10. **布局和定位问题**:IE6的双倍边距问题、怪异盒模型等都需要特殊的处理。使用`display: inline-block`和`box-sizing`属性可以解决部分问题。 以上只是部分常见的兼容性问题及其解决方案,实际开发中可能遇到更...

    margin值在IE6变成双倍

    标题中的“margin值在IE6变成双倍”指的是在Internet Explorer 6(简称IE6)浏览器中,当设置元素的外边距(margin)时,可能会遇到一个知名的兼容性问题,即所谓的“双边距问题”(Double Margin Bug)。这个问题主要...

    web前端开发基本问题解决

    IE6的双倍边距BUG IE6下绝对定位的容器内文本无法正常选择的问题 IE6下为什么图片下方有空隙产生 IE6下这两个层中间怎么有间隙 list-style-image无法准确定位的问题 LI中内容超过长度后以省略号显示的方法 web标准中...

    CSS兼容IE6,IE7,FF的技巧

    #### 四、IE双倍边距问题 - **双倍边距问题**: 当一个元素设置了`float`属性且具有非零的`margin`值时,在IE6中可能会出现双倍边距的问题。 ```css #box { float: left; width: 100px; margin: 0 0 0 100px; /...

    IE6 -- IE8浏览器CSS兼容性查询手册【gif格式】

    2. 浮动元素:IE6在处理浮动元素时会出现双倍边距问题,即当一个浮动元素设置了`margin: 0 auto;`时,其左右边距会被错误地加倍。解决办法是在浮动元素内部添加一个空元素并清除浮动,或者使用`display: inline-...

    IE6,IE7,FF等浏览器不兼容原因及解决办法

    双倍边距问题 (Double-Margin Bug) - **问题描述**:在IE6中,如果给浮动的容器定义了`margin-left`或`margin-right`,那么实际的边距将是定义值的两倍。 - **解决办法**:为了解决这个问题,可以将浮动的容器的`...

    DIV+CSS网页中IE和火狐兼容问题的整理

    解决方法:为浮动元素添加`display: inline-block`或`zoom: 1`(触发hasLayout)可以解决IE6的双倍边距问题。 3. **透明度** - IE8及以下版本不支持`opacity`属性,但可以使用滤镜`filter: alpha(opacity=XX)`来...

    IE6_IE7_IE8 CSS 兼容速查表

    2. **浮动问题**:IE6在处理浮动元素时可能会出现“双倍边距”问题,可以通过设置`display:inline`来解决。同时,IE6、7对浮动元素的父级塌陷的处理也有问题,可使用`clearfix`类或`zoom:1` hack来避免。 3. **透明...

    网页设计师DIV+CSS面试宝典

    本文总结了网页设计师DIV+CSS面试中常见的问题和解决方法,涵盖了超链接点击后 hover 样式的消失、IE6 的 margin 双倍边距 bug、火狐浏览器下文本无法撑开容器的高度、中火狐浏览器下文本无法撑开容器的高度、Web ...

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

    第二个声明`_margin-left`是专门针对IE6的,它的值设为原值的一半,以抵消IE6的双倍边距bug。这样,在IE6下,元素的左边距将正确地显示为20px。 此外,还可以考虑使用条件注释或者`*` hack来为IE6提供单独的CSS样式...

    IE5,IE6,IE7,IE8的css兼容性列表

    尽管如此,IE7仍然存在一些兼容性问题,比如它对浮动元素的处理仍不完美,有时会出现“双倍边距”bug。此外,IE7对透明度的支持需要借助滤镜(filter)属性,而不是通用的opacity属性。 最后,IE8在2009年发布,对...

    IE Bug--浮动对象外补丁的双倍距离的解决方法

    虽然上述方法可以有效地解决IE中的双倍边距Bug,但在实际项目中还需要注意以下几点: 1. **跨浏览器兼容性**:虽然此方法适用于IE,但需要确保在其他现代浏览器中也能正常工作。可以考虑使用前缀或其他CSS技巧来...

    IE6的双倍,3px,注释引起的文字错位等几个BUG解决方法

    在IE6浏览器中,开发者经常会遇到...理解并掌握这些解决方法对于确保网站在IE6中的兼容性至关重要。在开发过程中,使用适当的CSS hack或条件注释,以及对这些已知问题的预判,能够帮助开发者创建更加健壮和兼容的网页。

Global site tag (gtag.js) - Google Analytics