首页 > 代码库 > bug集合
bug集合
解决方法:vertical-align:top; 垂直对齐方式;对浮动元素无效浮动类:
ie 6 7要在一行显示多个div要 给每一个元素浮动 否则会出间隙。
ie6双倍边距bug
1. bug条件: 块状元素 浮动 外边距
解决方法:
display:inline;
2.IE6的 3px bug
触发条件:两紧挨的元素A(.div1),B(.div2) ,A浮动,但B没浮动,IE6下就会莫名产生3px 外边距(指浮动元素A的margin-right)
解决方法:
方法1:给元素B也加上float:left; 即可解决,但元素B要做宽度自适应的话,此方法不可取。
方法2:
IE6并不是将Html标签认定为是最外层的元素,而是认为*(其中*并不是指通用选择器)才是最外层的元素,而HTML被认为是它的子元素。此hack写法: *html .div1{margin-right:-3px;} (注意必须针对浮动元素A做hack处理,若针对元素B:*html .div2{margin-left:-3px;} 无效)
或者
用只有IE6可解析的下划线"_"来写这个hack,代码:.div1{_margin-right:-3px;} 也可解决这个问题。3.ie 6 7下错位问题 (右侧浮动问题)
bug条件:右侧浮动 浮动元素前面有内联元素文本
右侧浮动前面不要有内联元素 文本的存在
解决方法:
1.把内联元素放到文本的前面就好了 --结构调整
2.或者给内联文本也加浮动。
4.ie 6 7 li下几px间隙问题
产生条件:ie67 下浮动li本身没浮动 但是内容浮动了 li下就会多出几px
解决方法:vertical-align:top; 垂直对齐方式;对浮动元素无效
5.图片间隙问题.
vertical-align:top
3.ie 6 最小高度问题
ie6小高度小于19px 都会变成19px来处理
解决方法:overflow:hidden;