css设定浮动元素的margin时一不小心就会在ie6中产生双倍边距问题，今天试验了一下，终于把它们在什么时候发生搞清楚了。
1、<div/>不是浮动元素时，当然就可以随便设置而不会产生问题。
2、<div/>浮动时，并进行边距设置margin:0 10px;那么这时该div的左右都有浮动元素的话，也不会产生问题。
但要是任何一边没有浮动元素，这时就会产生双倍边距bug，需要给该div设定display:inline;以解决bug。
您还没有登录,请您登录后再发表评论
其中，“IE6双倍边距”问题是一个典型的例子，它涉及到CSS布局和浮动元素的处理。这个问题出现在元素同时拥有`float`属性和`margin`属性时，在IE6浏览器中，边距会呈现出设定值的两倍，这与W3C标准和其他现代浏览器...
#### 四、IE双倍边距问题 - **双倍边距问题**: 当一个元素设置了`float`属性且具有非零的`margin`值时，在IE6中可能会出现双倍边距的问题。 ```css #box { float: left; width: 100px; margin: 0 0 0 100px; /...
10. **IE6双倍边距问题**： 当设置浮动和外边距时，IE6会出现双倍边距，可通过设置`display:inline;`来解决。 11. **IE6宽度奇数像素导致右侧多出1px问题**： 调整宽度为偶数像素可以解决此问题。 12. **IE6两层...
### IE6、IE7、Firefox等浏览器不兼容的原因及解决办法 #### 一、引言 随着Web技术的发展，浏览器的兼容性问题一直是前端开发者面临的重要挑战之一。尤其是在早期的Web开发时代，如IE6、IE7以及较早版本的Firefox等...
- IE6 有一个著名的双倍边距问题，当使用 `position:absolute` 且有边距时，边距会被计算两次。 - FF 的表现更符合 W3C 规范，但可能需要额外的负边距调整。 - 使用 `display:inline-block` 或 `display:block` ...
**问题描述**：在 IE6 中，当元素设置了浮动和外边距时，会出现双倍边距的现象。 **解决方案**：设置 `display: inline;`。 ```css .float-element { float: left; width: 100px; margin: 0 100px; display: ...
#### 十、IE6双倍边距的问题 **问题**：在IE6中，设置了浮动和外边距的元素会出现双倍边距的现象。 **解决方法**：通过将元素设置为`display:inline`来避免这一问题。 ```css div { float: left; width: 100px;...
尤其是IE6，由于其对CSS支持的不足，使得开发过程中需要额外处理许多兼容性问题。以下是一些常见的CSS兼容性问题及其解决方案： 1. **垂直居中问题**： - CSS的`vertical-align:middle;`配合调整`line-height`可以...
当使用浮动和边距时，IE可能会产生双倍的边距。 **CSS示例代码：** ```css #box { float: left; width: 100px; margin: 0 0 0 100px; /* IE可能会产生200px的距离 */ display: inline; /* 解决双倍距离...
3. 浮动元素：IE对浮动元素`float`的支持较早，但存在一些兼容性问题，如经典的"双倍边距"bug。 4. 盒模型：IE6及以下版本使用的是“怪异盒模型”，内容宽度包含内边距和边框，与W3C标准盒模型不一致。 二、Fire...
6. **IE6双倍边距的bug**：IE6有时会为浮动元素计算错误的边距，可通过重设边距来解决。 7. **Box Model bug的一般解决办法**：通常使用`box-sizing`属性来控制元素的盒模型行为，例如：`box-sizing: border-box;`...
CSS（层叠样式表）是一种用于描述网页及应用程序用户界面外观和表现的样式语言。它与HTML或XML（包括SVG、MathML等各种XML方言）一起使用，来增加内容的呈现效果。以下是根据题目中的内容详细解释的一些关键知识点：...
- 双倍浮动边界Bug、图片间隙Bug、项目符号隐藏Bug、多余字符Bug都是Firefox特有的CSS问题。 10. CSS布局模型： - Flow Model：元素按正常的文档流排列。 - Float Model：元素浮动以创建多列布局。 - Layer ...
2. 当 float 和 margin 同时使用时，IE6 的双倍边距 BUG 可以通过 display:inline 或者 margin-right:-3px; 解决。 3. 无法定义 1px 左右高度的容器是因为 IE6 有默认行高。 4. Firefox 中标签的居中问题的解决方法...
相关推荐
其中，“IE6双倍边距”问题是一个典型的例子，它涉及到CSS布局和浮动元素的处理。这个问题出现在元素同时拥有`float`属性和`margin`属性时，在IE6浏览器中，边距会呈现出设定值的两倍，这与W3C标准和其他现代浏览器...
#### 四、IE双倍边距问题 - **双倍边距问题**: 当一个元素设置了`float`属性且具有非零的`margin`值时，在IE6中可能会出现双倍边距的问题。 ```css #box { float: left; width: 100px; margin: 0 0 0 100px; /...
10. **IE6双倍边距问题**： 当设置浮动和外边距时，IE6会出现双倍边距，可通过设置`display:inline;`来解决。 11. **IE6宽度奇数像素导致右侧多出1px问题**： 调整宽度为偶数像素可以解决此问题。 12. **IE6两层...
### IE6、IE7、Firefox等浏览器不兼容的原因及解决办法 #### 一、引言 随着Web技术的发展，浏览器的兼容性问题一直是前端开发者面临的重要挑战之一。尤其是在早期的Web开发时代，如IE6、IE7以及较早版本的Firefox等...
- IE6 有一个著名的双倍边距问题，当使用 `position:absolute` 且有边距时，边距会被计算两次。 - FF 的表现更符合 W3C 规范，但可能需要额外的负边距调整。 - 使用 `display:inline-block` 或 `display:block` ...
**问题描述**：在 IE6 中，当元素设置了浮动和外边距时，会出现双倍边距的现象。 **解决方案**：设置 `display: inline;`。 ```css .float-element { float: left; width: 100px; margin: 0 100px; display: ...
#### 十、IE6双倍边距的问题 **问题**：在IE6中，设置了浮动和外边距的元素会出现双倍边距的现象。 **解决方法**：通过将元素设置为`display:inline`来避免这一问题。 ```css div { float: left; width: 100px;...
尤其是IE6，由于其对CSS支持的不足，使得开发过程中需要额外处理许多兼容性问题。以下是一些常见的CSS兼容性问题及其解决方案： 1. **垂直居中问题**： - CSS的`vertical-align:middle;`配合调整`line-height`可以...
当使用浮动和边距时，IE可能会产生双倍的边距。 **CSS示例代码：** ```css #box { float: left; width: 100px; margin: 0 0 0 100px; /* IE可能会产生200px的距离 */ display: inline; /* 解决双倍距离...
3. 浮动元素：IE对浮动元素`float`的支持较早，但存在一些兼容性问题，如经典的"双倍边距"bug。 4. 盒模型：IE6及以下版本使用的是“怪异盒模型”，内容宽度包含内边距和边框，与W3C标准盒模型不一致。 二、Fire...
6. **IE6双倍边距的bug**：IE6有时会为浮动元素计算错误的边距，可通过重设边距来解决。 7. **Box Model bug的一般解决办法**：通常使用`box-sizing`属性来控制元素的盒模型行为，例如：`box-sizing: border-box;`...
CSS（层叠样式表）是一种用于描述网页及应用程序用户界面外观和表现的样式语言。它与HTML或XML（包括SVG、MathML等各种XML方言）一起使用，来增加内容的呈现效果。以下是根据题目中的内容详细解释的一些关键知识点：...
- 双倍浮动边界Bug、图片间隙Bug、项目符号隐藏Bug、多余字符Bug都是Firefox特有的CSS问题。 10. CSS布局模型： - Flow Model：元素按正常的文档流排列。 - Float Model：元素浮动以创建多列布局。 - Layer ...
2. 当 float 和 margin 同时使用时，IE6 的双倍边距 BUG 可以通过 display:inline 或者 margin-right:-3px; 解决。 3. 无法定义 1px 左右高度的容器是因为 IE6 有默认行高。 4. Firefox 中标签的居中问题的解决方法...