ie6中margin失效问题

在div的外面添加父级div并设置 padding-bottom: 10px;！

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style>

 .clear {zoom: 1;/*iE 6;*/ }

 .clear:after {content: "";display: block;clear: both; }

 .wrap {padding-bottom: 10px; }

#div1 {width: 100px;height: 100px;background: red;float: left; }

#div2 {width: 200px;height: 100px;background: yellow; } </style></head><body><div class="wrap clear"> <div id="div1"></div></div><div id="div2"></div>

</body></html>

转载于:https://www.cnblogs.com/theWayToAce/p/5559304.html

ie6中margin失效问题相关推荐

IE6中float元素双倍margin问题
在IE6中,当给某元素设置float时,同时给该元素设置margin时,他会有双倍外边距的问题 p {float:right;margin-right:10px; /*页面真正显示的是margin-r ...
html文件修改后缀为aspx之后在ie6中格式显示不正确问题的解决办法
因为客户的特殊要求,网站显示的时候必须以aspx后缀的形式来显示,所以把所有文件的后缀全部改成aspx了.但是部署上去之后,aspx文件在ie7及ie8中都能正常显示(ie8中能正常显示需 ...
Hover伪类在IE6中的实现
鼠标滑过行,行改变颜色可以使用javascript写,onmouseover,onmouseout,也可以使用css2的伪类hover,但是ie6对伪类支持的不好,需要变换一下思路,要么使用javas ...
css兼容性案例：margin-top在IE6/7下失效
又到了利用碎片学习的时间了,看看这个兼容性的小案例,前端开发者经常遇到的问题:margin-top在IE6/7下失效. 一个块级元素,触发了hasLayout(比如设置了宽度高度),并且其前面紧挨着的 ...
ie6中容器内浮动元素的border边框不完全显示的bug
ie6中容器内浮动元素的border边框不完全显示的bug html <div class="hrListBox"> <div class=&qu ...
解决IE6中 PNG图片透明的终极方案-八种方案！
"珍惜生命,远离IE6",IE6中的bug令很多Web前端开发人员实为头疼,因此不知道烧了多少脑细胞,在众多的Bug中最令人抓狂的就是IE对png图片的不支持,导致设计师和重构师放 ...
css【详解】—— margin属性（含margin合并，margin：auto，margin失效）
目录 margin合并的场景 1. 相邻兄弟元素margin合并 2. 父级和第一个/最后一个子元素阻止margin-top合并的方法阻止margin-bottom合并的方法 3. 空块级元素的m ...
listView item 增加间距以及item根部局 margin 失效原因
最近根据设计图写listView 的时候,listView个item 之间存在间距,左右上下都有,一开始的想法是在item 的根布局设置margin 属性,但是在listView 中margin 无 ...
HTML5中margin属性应用,CSS中margin属性及其使用探究
本文向大家描述一下CSS中margin属性的用法,主要包括其属性,使用过程中会遇到的问题,以及一些高级应用等内容,相信本文介绍一定会让你有所收获. CSS中margin问题及使用 margin属性为C ...
ASP.NET 2.0中CSS失效解决方案
经常有人遇到ASP.NET 2.0(ASP.NET 1.x中可能是有效的)中CSS失效的问题,现将主要原因和解决方法罗列如下: 1.CSS文件路径不正确这个问题属于Web开发中的基础问题,一般采用相 ...

ie6中margin失效问题

ie6中margin失效问题相关推荐

最新文章

热门文章