首页 > 代码库 > 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;