IE6 margin无效BUG解决办法之一

最新推荐文章于 2020-06-11 15:08:48 发布
最新推荐文章于 2020-06-11 15:08:48 发布
阅读量934 收藏
点赞数
分类专栏： Css 文章标签： bug 浏览器 Internet Explorer
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/whosheng/article/details/8992569
版权

IE6 margin无效的bug， 解决方法有很多。

其中有个结局办法之一。

看代码：


<div style="margin-top:10px;">some contents</div>

 在一些情况下IE6会无效，解决办法是下面的方式。看代码: 

<div style="zoom:1;">
<div style="margin-top:10px;">some contents</div>
</div>

就是在最外层加上一个div盒子加上zoom:1值

zoom只有IE6才有的，可以让元素放大缩小

触发IE浏览器的haslayout


齐天-大圣
关注
专栏目录
IE6,IE7浏览器下 margin 无效的解决方法
09-25
前几天做一个页面的时候遇到了这个问题。我设置div的margin-top IE6下居然无效；后来搞了好半天没弄出来。
使用zoom解决IE6 margin无效BUG
12-12
在互联网的早期，Internet Explorer 6 (IE6) 是一款广泛使用的浏览器，但它存在许多兼容性和渲染问题，其中最令人头疼的问题之一就是“margin塌陷”或者“margin无效”的BUG。这个问题主要体现在当我们在IE6中尝试为...
jsp在ie6中css的margin属性失效问题
maozhuxigood
06-02 97
今天写一个登录页面，其中输入用户名和密码的div我使用了margin:0 auto的css来使它居中。结果在chrome和firefox下面显示正常，在ie6下这个margin属性失效。查看了页面和css，没法发现哪里有问题（页面比较简单）。新建一个html，将body体中的代码拷过去，ie中显示正常。看来不是css的问题，经过比对发现不同的地方在DOCTYPE。 将jsp中的doctype修改...
ie6中margin失效问题
bangxionger9224的博客
06-04 101
在div的外面添加父级div并设置 padding-bottom: 10px;！<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .clear { ...
margin-bottom在IE6和IE7下失效的解决办法
weixin_30483013的博客
11-05 107
今天在处理页面边距时，又遇到这个问题，float元素在设定margin-bottom时在IE6和IE7下会失效，之前就碰到过，但是用其他的办法调试会就过去了，今天遇到就觉得非得正规整理一下，下面请看实例： #box{width:600px; background:#E6FECB; border:3px solid #933; overflow:hidden;} .float_div{floa...
解决IE6 3像素Bug的css写法
10-30
在网页设计领域，IE6（Internet Explorer 6）作为一个老版本的浏览器，因其对CSS标准的支持不完全，经常会给开发者带来各种兼容性问题。其中，一个著名的问题就是“3像素Bug”。这个Bug主要出现在浮动元素与非浮动...
IE6兼容性问题及IE6常见bug详细汇总
09-25
8. **左浮动元素的`margin-bottom`失效**：若要解决左浮动元素底部`margin`无效问题，可以设置元素的高度，或者在父元素上使用`_padding-bottom`，或者创建一个新的标签来应用`margin-bottom`。 9. **图片底部空白*...
IE6下margin双倍边距Bug的处理办法
E.C.的博客
06-25 371
一、什么是双边距Bug？　　先来看图： 　　我们要让绿色盒模型在蓝色盒模型之内向左浮动，并且距蓝色盒模型左侧100像素。这个例子很常见，比如在网页布局中，侧边栏靠左侧内容栏浮动，并且要留出内容栏的宽度。要实现这样的效果，我们给绿色盒模型应用以下CSS属性：.floatbox { float: left; width: 150px; height: 150px;
IE6/IE7下margin-top失效解决方法
wuweitiandian的专栏
11-10 1665
遇到一个margin-top在IE6/IE7失效的情况，第一反应是margin折叠引起的，但是又一看发现不是，上网查找，果然这是一个bug。 解决办法有两个： 1.使用padding来代替margin，比如设置其父元素的padding-top，或者设置这个块元素的padding-top，不过要注意padding对其背景的影响。 2.使这个块不直接跟在前面的这个绝对定位元素后面
关于ie中margin-bottom设置无效的问题
weixin_30916125的博客
09-05 245
我所遇到的问题是这样的，在页面的body中左边一大块sidebar，有高度，右边内容没高度，在给sidebar设置margin-bottom后与引入的footer的间距没有变化（在ie中） 在网上看到的解决方案overflow:hidden;zoom:100%;不知道是问题不同或者什么原因，依然无效。 最后解决方法，将sidebar的高度增加了10px，这时与footer的间距就有10px了。...
在IE下margin:0 auto;不起作用在解决方法
tarajk05的专栏
12-15 1439
有时候在IE浏览器中对于元素样式的设计会失去作用，比如有的时候 对于div的操作margin:0 auto;会失去作用，其相应的解决方法可以有如下的方法： 在静态html文件中增加如下声明： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml
IE 双边距Bug
老李 技术 专栏
11-04 4382
 一、什么是双边距Bug？先来看图：我们要让绿色盒模型在蓝色盒模型之内向左浮动，并且距蓝色盒模型左侧100像素。这个例子很常见，比如在网页布局中，侧边栏靠左侧内容栏浮动，并且要留出内容栏的宽度。要实现这样的效果，我们给绿色盒模型应用以下CSS属性：以下为引用的内容：.floatbox { float: left; width: 150px; height: 15
IE中margin:auto失效问题
marco1983的专栏
01-27 418
margin:auto在非IE内核的浏览器（例如火狐）中工作正常，在IE中却失效了。原因是不小心把下面一句给删掉了 [b] [/b]
CSS: IE中的BUG之margin-bottom失效
u011927449的博客
06-11 1178
1. 出现条件 元素被浮动, 且其后没有其他元素,元素的margin-bottom不为0或auto. 2. 症状 为元素指定的margin-bottom无效, 就像margin-bottom为0一样. 3. 受影响的浏览器 IE6, IE7 4. 原因 暂不知道 5. 解决方法 a. 取消元素的margin-bottom, 改为指定父元素的padding-bottom(推荐); b. 在元素之后添加一个<br />, 为其指定如下样式(不推荐, 放在此处, 了解一下): elem{clear:b
margin 0 auto在IE8下失效
12-24 8544
很奇怪的问题，margin:0 auto;用于水平居中不起作用了，在ie8下，其它浏览器都没问题，最后的解决办法是 在body加上width:100%;text-align:center; body{width:100%;text-align:center;} 就可以了 不过有一点不好的地方，body下的不需要文本居中的都要设一下 补充可以加上body{width:100%;text-a
解决IE6兼容性问题：常见bug与对策
"本文详细汇总了IE6浏览器的兼容性问题和常见bug，旨在帮助前端开发者解决在处理IE6时遇到的棘手问题。" 在Web开发中，IE6的兼容性问题一直是工程师们的头疼之处。由于其独特的解析方式和一些未被其他浏览器广泛...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值