码迷,mamicode.com
首页 > 其他好文 > 详细

IE6 bug总结

时间:2017-06-21 22:57:16      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:inline   flow   div   relative   最小   vertica   原因   浏览器   one   

IE6bug总结:


1.双边距bug产生原因
margin的方向与浮动的方向相同

解决方法:
浮动的元素身上加 display:inline;

------------------------------------------------------------

2.最小高度bug产生原因
IE6 下一个div有宽度,高度最小不是0而是字体大小

解决方法:
给 div height:0; 并且 overflow:hidden;
或者font-size:0; 并且 line-height:0;

------------------------------------------------------------


3.子级元素大于父级的时候会撑开父级【标准的浏览器超出父级不显示】

解决方法:
给父级 overflow:hidden;

------------------------------------------------------------


4.IE6不支持子级的margin负值

解决方法:
子级身上加 position:relative;


------------------------------------------------------------

5.IE5不支持margin: 0 auto属性【如:居中】(IE6支持)

解决方法:
使用定位:position:relative; left:50%; margin-left:-width/2;


------------------------------------------------------------

6.IE6中当行内元素和行内块元素(input元素)共处一行时,line-height失效

解决方法:
input 加 margin-top 等于 (父级高度-input高度20px)/2


------------------------------------------------------------

7.li不浮动,子元素浮动的时候会在每个li中间出现3像素的缝隙

解决方法:
将li设置vertical-align:top;


------------------------------------------------------------


8. IE6下 两个浮动元素,宽度都是width:100%
在浮动元素间加注释就会多出几个字

解决方法:

1.给元素加background:none;
2.在出现重复字符的盒子里面加上_margin-right:-3px;

【_属性名:属性值(_margin-right:30px):盒子右边距离30px,如果有下划线,该属性只能被IE6支持】

------------------------------------------------------------

 

IE6 bug总结

标签:inline   flow   div   relative   最小   vertica   原因   浏览器   one   

原文地址:http://www.cnblogs.com/chiangyibo/p/7061811.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!