IE6不兼容margin为负值的解决方法

最新推荐文章于 2017-05-10 09:49:37 发布
最新推荐文章于 2017-05-10 09:49:37 发布
阅读量376 收藏
点赞数
分类专栏： IE6兼容性问题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/princess_prince/article/details/84687251
版权

CSS里边再加上“position:relative;”就行了

如：#div1{ width:200px; margin-left:-80px;}，这个在IE6中是有问题的，

换成：#div1{ width:200px; position:relative; margin-left:-80px;}，这样在IE6中就没问题了

细听夏伤
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
margin 负值引起的层级（z-index）问题
09-27
主要为大家介绍margin 负值引起的层级（z-index）问题的解决方法，需要的朋友可以参考下
margin为负值不兼容IE6
weixin_30243533的博客
01-14 82
解决方法：position: relative 转载于:https://www.cnblogs.com/damade/p/3518595.html
IE6下为元素的margin设置负值不起作用
xiao1215fei的专栏
09-14 384
解决方式：为该元素设置position：relative
IE6中margin-bottom为负值时失效
懒人改变世界
08-26 1378
为什么要用负值就不多说了，反正重复的使用
解决ie6下margin-top为负值的bug
jrlapple的专栏
02-07 1825
解决ie6下margin-top为负值的bug2009/12/29 16:53近期项目遇到一个浏览器兼容问题在ie6下margin-top为负值的时候，出现了位置的错误加上position:relative就好了以前没有遇到过这样的问题ie6/7/firefox/chrome浏览器均一致
IE6/IE7/IE8/Firefox的CSS各种兼容margin问题解决办法
12-12
外置 .main{ float:left;#float:none;... } 第1行给Firefox以及其他浏览器看 第2行给safari/IE6/iE7看，如果safari/IE6/iE7 视觉效果不统一，就要在后面跟IE6/IE7的定义 第3行给IE7看 第4行给IE6以及
IE img多余5像素空白解决方法
09-27
通过设置`<img>`元素的`margin-bottom`属性为负值（如-5px），可以抵消底部的空白。这是一种直接且简单的方法，但可能需要根据实际情况调整负边距的大小。 ```css ul{ width: 280px; font-size: 0; } ul li{ ...
让IE6支持min-width最小宽度
10-30
外层的`.ie6-out`通过`_margin-left`设定一个较大的负值，而内层的`.ie6-in`通过`_margin-left`设定同样大的正值来抵消这个负值，这样当内容宽度小于设定的最小宽度时，`.ie6-in`会保持在`.ie6-out`的右侧，从而达到...
IE6 两个div有间隙的问题（IE 3px bug）
12-10
其中一种常用的方法是利用负边距（negative margin），将其中一个或两个div的外边距设置为负值，以便拉近它们的距离。然而，这种方法的局限性在于，如果这些div嵌套在一个已经浮动的父div中，负边距方法可能失效，...
兼容性——IE6 IE7 IE8(Q) 负边距 (margin) 导致元素溢出 hasLayout 容器时显示异常
ruoyiqing的专栏
08-31 1559
对于此问题，我们通过以下的测试用例来说明。 分析以下代码： 123 一个100x100像素的红色边框 DIV 元素内包含了一个没有设置宽度和高度的蓝色边框的 DIV 元素，且这个子元素四个方向各设置了-5px的 'margin' 。这段代码在不同的浏览器环境中的表现如下： IE6 IE7(Q) IE8(Q) IE7(S) IE8(S) Fi
ie6、7 margin负值部分无法看到的解决方法
avfe7468的博客
07-23 194
ie6、7下，若元素设置margin值为负值，则margin负值区域会有一部分会离奇的消失，无法在页面上看到(相当于父元素设置了overflow:hidden后，子元素超出父元素部分就会被砍掉的效果一样) 问题重现代码： <style>*{margin: 0;padding: 0;}body{padding: 200px;}</style><div...
margin为负值产生的影响和常见布局应用
沉着前进
08-19 1万+
所以今天整理些margin：负数会对哪些元素或者定位产生影响、margin为负值在web布局中的应用做下总结。（不能说最全，我已经尽力收集整理） 一、margin为负值产生的影响 对于自身的影响 当元素不存在width属性或者（width：auto）的时候，负margin会增加元素的宽度，看下下面的例子 class="container"> class="box1">
完美解决IE8不支持margin auto问题
larennani的博客
05-10 1339
不用js，超级简单，完美支持。 body下的整个container .container { overflow: hidden; margin: 0px auto; text-align: center; clear: both; } 再下一层，以960宽度为例 .con { width: 960px; overflo
解决IE8下的一些兼容性问题
热门推荐
lifeblood123的博客
09-23 2万+
1.使用meta标签调节浏览器的渲染方式，告诉浏览器用哪种内核渲染，360双核浏览器就是在ie和chrome之间来回切换,帮我们判断使用webkit还是chrome。 使用meta标签来强制IE8使用最新的内核渲染页面，代码如下：<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">一些兼容性问题 * 浏览器兼容问题一：块属性
css margin-left在IE6下的问题的解决方法
夏凉风
03-04 224
比如原来是margin-left:20px，经过ie6的解析会变成40px 解决办法是在原来的margin-left后再加上一个_margin-left:10px，变成 margin-left:20px;_margin-left:10px  就可以解决 ...
关于margin的IE6的兼容问题。
fuxiaomi2016的博客
10-12 1413
关于margin的IE6的兼容问题。（双倍margin的问题）
解决IE6下1px高度容器问题与浮动兼容技巧
本文主要探讨了在开发过程中遇到的关于无法定义1px左右...本文详细讨论了如何处理IE6及其以下版本的CSS兼容性问题，包括高度计算、垂直居中、浮动元素的间距调整以及如何利用各种CSS技巧来解决宽度和高度的兼容性问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值