CSS里边再加上“position:relative;”就行了
如：#div1{ width:200px; margin-left:-80px;}，这个在IE6中是有问题的，
换成：#div1{ width:200px; position:relative; margin-left:-80px;}，这样在IE6中就没问题了
您还没有登录,请您登录后再发表评论
特别是在旧版的浏览器（如IE6和IE7）中，它们处理margin负值和层叠上下文的方式与现代浏览器（如IE8、Firefox、Chrome等）有所不同，这可能导致在不同浏览器中元素的覆盖顺序看起来不一致。 在IE6和IE7浏览器中，...
例如，Firefox可能正确地解析和应用负值的`margin`，而IE可能无法正确处理，导致布局出现问题。 在提供的代码示例中，我们看到`#topMenu ul`选择器使用了两次`margin`声明，这是为了应对浏览器间的兼容性问题： ``...
* 设置为 float 的 div 在 IE 中设置的 margin 会加倍，解决方法是在 div 中添加 display:inline; * IE 中的 margin-left 会加倍，解决方法是设置 margin-left 和 padding-left 四、浏览器的默认样式问题 * Fire...
外置 .main{ float:left;#float:none;... } 第1行给Firefox以及其他浏览器看 第2行给safari/IE6/iE7看，如果safari/IE6/iE7 视觉效果不统一，就要在后面跟IE6/IE7的定义 第3行给IE7看 第4行给IE6以及
可以通过为左边元素添加负值的 `margin-right` 来解决： ```css #left { float: left; width: 50%; } *html #left { /* IE6及以下版本 */ margin-right: -3px; } ``` ##### 7. 清除浮动 - **清除浮动**：使用 ...
总结来说，"垂直居中布局 Vertical-aligned 应用测试：兼容IE6/8/FF"这个主题涵盖了解决老版本浏览器的垂直居中问题的各种策略和技术，包括表格布局、定位、CSS Hack以及JavaScript辅助。理解和掌握这些技巧对于确保...
- IE6中，设置为`float`的`div`其`margin-left`会被加倍。通过添加`display:inline;`可解决此问题。 7. **高度自适应**： - 对于动态内容，不要预先设定高度，浏览器会自动伸缩。静态内容则建议设定固定高度，以...
对于负值的`padding`和`margin`，IE通常将其解析为0，而Firefox可能按照规定处理。 5. **`!important`属性**：此属性在非IE浏览器中有效，可以用来覆盖其他CSS规则。例如，`color: red !important;`在Firefox中会...
十五、margin 取负值可以在标签使用绝对定位的时候起到相对定位的作用，在页面居中显示时，使用绝对定位的层不适合使用 left：XXpx 这个属性。 知识点：margin 的使用、绝对定位和相对定位 十六、绝对定位时使用 ...
然后使用`margin`的四个值为负值的方式来实现居中，其值为宽度和高度一半的负值。 尽管以上方法在不同浏览器间具有良好的兼容性，但值得注意的是，并非所有示例都兼容IE8。在IE8中，`display: table-cell`和`box-...
在互联网的早期，尤其是网页设计领域，IE浏览器（Internet Explorer）常常给开发者带来诸多挑战，其中...随着现代浏览器的普及，这个问题已经逐渐减少，但在维护旧网站或兼容旧版IE时，这些解决方案仍然是十分有用的。
外层的`.ie6-out`通过`_margin-left`设定一个较大的负值，而内层的`.ie6-in`通过`_margin-left`设定同样大的正值来抵消这个负值，这样当内容宽度小于设定的最小宽度时，`.ie6-in`会保持在`.ie6-out`的右侧，从而达到...
这种方法的一个弊端是在标准浏览器下不能使用margin属性，而且在IE8中设置边框无效。 方法二则是使用CSS Hack，即通过条件注释针对IE6/7进行特定的设置，而不影响标准浏览器。具体步骤如下： 1. 设置#box的display...
通过结合`letter-spacing`与`margin-right`属性的负值，可以实现跨浏览器的兼容性解决方案。对于Web开发人员而言，了解这些细节上的兼容性问题及解决方法，对于构建一致用户体验的网站是非常重要的。
值得注意的是，虽然这种解决方案能够解决IE6的PNG兼容性问题，但它并不适用于其他支持PNG32的现代浏览器。为了保持代码的可维护性和向后兼容性，重构师需要权衡是否在高版本浏览器中也使用相同的技术。通常情况下，...
通过设置`<img>`元素的`margin-bottom`属性为负值（如-5px），可以抵消底部的空白。这是一种直接且简单的方法，但可能需要根据实际情况调整负边距的大小。 ```css ul{ width: 280px; font-size: 0; } ul li{ ...
这里的星号`*`前缀是IE7.0特有的Hack，它使得该规则只在IE7.0中生效，将`margin-top`设置为负值，以抵消原本增加的20px间距。代码如下： ```css .time { float: right; *margin-top: -20px; } ``` 关于CSS Hack...
在描述中提到了这种方法在旧版浏览器中的兼容性，特别是IE6和IE7。由于这些浏览器不支持更现代的布局技术，如Flexbox或Grid，使用负margin值进行居中是一种历史悠久且被广泛采用的兼容性解决方案。这表明这种方法的...
为解决这个问题，我们可以针对IE6添加一个私有的下划线前缀样式，例如：#side {_margin-right:-3px;}。这会将右侧的margin设置为负值，从而消除3像素的空白。但需要注意的是，这种方法并不符合W3C标准，因此在两列...
其中一种常用的方法是利用负边距（negative margin），将其中一个或两个div的外边距设置为负值，以便拉近它们的距离。然而，这种方法的局限性在于，如果这些div嵌套在一个已经浮动的父div中，负边距方法可能失效，...
相关推荐
特别是在旧版的浏览器（如IE6和IE7）中，它们处理margin负值和层叠上下文的方式与现代浏览器（如IE8、Firefox、Chrome等）有所不同，这可能导致在不同浏览器中元素的覆盖顺序看起来不一致。 在IE6和IE7浏览器中，...
例如，Firefox可能正确地解析和应用负值的`margin`，而IE可能无法正确处理，导致布局出现问题。 在提供的代码示例中，我们看到`#topMenu ul`选择器使用了两次`margin`声明，这是为了应对浏览器间的兼容性问题： ``...
* 设置为 float 的 div 在 IE 中设置的 margin 会加倍，解决方法是在 div 中添加 display:inline; * IE 中的 margin-left 会加倍，解决方法是设置 margin-left 和 padding-left 四、浏览器的默认样式问题 * Fire...
外置 .main{ float:left;#float:none;... } 第1行给Firefox以及其他浏览器看 第2行给safari/IE6/iE7看，如果safari/IE6/iE7 视觉效果不统一，就要在后面跟IE6/IE7的定义 第3行给IE7看 第4行给IE6以及
可以通过为左边元素添加负值的 `margin-right` 来解决： ```css #left { float: left; width: 50%; } *html #left { /* IE6及以下版本 */ margin-right: -3px; } ``` ##### 7. 清除浮动 - **清除浮动**：使用 ...
总结来说，"垂直居中布局 Vertical-aligned 应用测试：兼容IE6/8/FF"这个主题涵盖了解决老版本浏览器的垂直居中问题的各种策略和技术，包括表格布局、定位、CSS Hack以及JavaScript辅助。理解和掌握这些技巧对于确保...
- IE6中，设置为`float`的`div`其`margin-left`会被加倍。通过添加`display:inline;`可解决此问题。 7. **高度自适应**： - 对于动态内容，不要预先设定高度，浏览器会自动伸缩。静态内容则建议设定固定高度，以...
对于负值的`padding`和`margin`，IE通常将其解析为0，而Firefox可能按照规定处理。 5. **`!important`属性**：此属性在非IE浏览器中有效，可以用来覆盖其他CSS规则。例如，`color: red !important;`在Firefox中会...
十五、margin 取负值可以在标签使用绝对定位的时候起到相对定位的作用，在页面居中显示时，使用绝对定位的层不适合使用 left：XXpx 这个属性。 知识点：margin 的使用、绝对定位和相对定位 十六、绝对定位时使用 ...
然后使用`margin`的四个值为负值的方式来实现居中，其值为宽度和高度一半的负值。 尽管以上方法在不同浏览器间具有良好的兼容性，但值得注意的是，并非所有示例都兼容IE8。在IE8中，`display: table-cell`和`box-...
在互联网的早期，尤其是网页设计领域，IE浏览器（Internet Explorer）常常给开发者带来诸多挑战，其中...随着现代浏览器的普及，这个问题已经逐渐减少，但在维护旧网站或兼容旧版IE时，这些解决方案仍然是十分有用的。
外层的`.ie6-out`通过`_margin-left`设定一个较大的负值，而内层的`.ie6-in`通过`_margin-left`设定同样大的正值来抵消这个负值，这样当内容宽度小于设定的最小宽度时，`.ie6-in`会保持在`.ie6-out`的右侧，从而达到...
这种方法的一个弊端是在标准浏览器下不能使用margin属性，而且在IE8中设置边框无效。 方法二则是使用CSS Hack，即通过条件注释针对IE6/7进行特定的设置，而不影响标准浏览器。具体步骤如下： 1. 设置#box的display...
通过结合`letter-spacing`与`margin-right`属性的负值，可以实现跨浏览器的兼容性解决方案。对于Web开发人员而言，了解这些细节上的兼容性问题及解决方法，对于构建一致用户体验的网站是非常重要的。
值得注意的是，虽然这种解决方案能够解决IE6的PNG兼容性问题，但它并不适用于其他支持PNG32的现代浏览器。为了保持代码的可维护性和向后兼容性，重构师需要权衡是否在高版本浏览器中也使用相同的技术。通常情况下，...
通过设置`<img>`元素的`margin-bottom`属性为负值（如-5px），可以抵消底部的空白。这是一种直接且简单的方法，但可能需要根据实际情况调整负边距的大小。 ```css ul{ width: 280px; font-size: 0; } ul li{ ...
这里的星号`*`前缀是IE7.0特有的Hack，它使得该规则只在IE7.0中生效，将`margin-top`设置为负值，以抵消原本增加的20px间距。代码如下： ```css .time { float: right; *margin-top: -20px; } ``` 关于CSS Hack...
在描述中提到了这种方法在旧版浏览器中的兼容性，特别是IE6和IE7。由于这些浏览器不支持更现代的布局技术，如Flexbox或Grid，使用负margin值进行居中是一种历史悠久且被广泛采用的兼容性解决方案。这表明这种方法的...
为解决这个问题，我们可以针对IE6添加一个私有的下划线前缀样式，例如：#side {_margin-right:-3px;}。这会将右侧的margin设置为负值，从而消除3像素的空白。但需要注意的是，这种方法并不符合W3C标准，因此在两列...
其中一种常用的方法是利用负边距（negative margin），将其中一个或两个div的外边距设置为负值，以便拉近它们的距离。然而，这种方法的局限性在于，如果这些div嵌套在一个已经浮动的父div中，负边距方法可能失效，...