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;