`
zhangyaochun
  • 浏览: 2609104 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

IE6系列之双倍边距

阅读更多

 

   本文记录一下ie6下:

 

   float元素的浮动方向和margin方向的一致。

 

   比如:float:left,margin-left才会产生双倍边距。

 

   http://blog.sina.com.cn/s/blog_818a1e5b0100xxk4.html

分享到:
评论

相关推荐

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

    ### IE6的双倍边距问题 在网页设计与开发过程中,经常遇到浏览器之间的兼容性问题,特别是针对一些较老版本的浏览器,如Internet Explorer 6(简称IE6)。其中,“IE6双倍边距”问题是一个非常典型的案例,本文将...

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

    其中,“IE6双倍边距”问题是一个典型的例子,它涉及到CSS布局和浮动元素的处理。这个问题出现在元素同时拥有`float`属性和`margin`属性时,在IE6浏览器中,边距会呈现出设定值的两倍,这与W3C标准和其他现代浏览器...

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

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

    margin值在IE6变成双倍

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

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

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

    ie6bug问题解决

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

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

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

    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-...

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

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

    IE6_IE7_IE8 CSS 兼容速查表

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

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

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

    ie兼容问题

    #### 九、双倍边距(Double Margin)Bug 当一个元素设置了浮动且同时设置了外边距时,在IE6中会出现边距翻倍的现象。为了避免这个问题,可以在浮动元素的父容器上添加`overflow: hidden`: ```css .container { ...

    全面的IE6_7_8_FF样式兼容

    - IE6 有一个著名的双倍边距问题,当使用 `position:absolute` 且有边距时,边距会被计算两次。 - FF 的表现更符合 W3C 规范,但可能需要额外的负边距调整。 - 使用 `display:inline-block` 或 `display:block` ...

    web前端开发基本问题解决

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

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

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

Global site tag (gtag.js) - Google Analytics