关于HTML兼容性

关于HTML兼容性的总结

**1.计算一定要精确，不要让子元素大于父元素
不然IE会撑开父元素出问题

2.
在IE6元素浮动，如果宽度需要内容撑开，就给里边的块元素都加浮动
不然里面的元素会占满父元素的父元素的正行，浮动就没用！

3.
在IE6，7下元素要通过浮动并在同一行，就给这行元素都加浮动

4.
注意标签嵌套规范

5.
IE6下最小高度问题
在IE6下元素的高度的小于19px的时候，会被当做19px来处理
解决办法:overflow:hidden;就可以截去超出部分。

6.
1px dotted 在IE6下不支持

解决办法:切背景平铺

7.
在IE6下解决margin传递要触发haslayout

在IE6下父级有边框的时候，子元素的margin值消失

解决办法:触发父级的haslayout
zoom:1

8.
IE6下双边距BUG

在IE6，(块)元素有浮动和和（横向）的margin值 ，横向的margin值会被放大成两倍

解决办法: display:inline;

margin-right 一行右侧第一个元素有双边距

margin-left 一行左侧第一个元素有双边距

9.
在IE6，7下，li本身没浮动，但是li的内容有浮动，li下边就会产生一个间隙
解决办法:
1.给li加浮动 —–推荐
2.给li加vertical-align

    当IE6下最小高度问题，和 li的间隙问题共存的时候 给li加浮动

10.
当浮动元素和绝对定位元素是并列关系的时候，在IE6下绝对定位元素会消失
解决办法:
给定位元素外面包个div

11.
在IE6，7下，子元素有相对定位的话，父级的overflow包不住子元素

解决办法: 给父级也加相对定位

12.
在IE6下绝对定位元素的父级宽高是奇数的时候，元素的right值和bottom值会有1px的偏差
(无法解决)

13.
在IE6，7下输入类型的表单控件上下各有1px的间隙

解决办法:给input加浮动
当里面有元素的时候，有间隙

14.

在IE6，7下输入类型的表单控件上下各有1px的间隙

解决办法:给input加浮动

在IE6，7下输入类型的表单控件加border:none;

解决办法: 重置input的背景

15.

在IE6下 在important 后边在家一条同样的样式，会破坏掉important的作用，会按照默认的优先级顺序来走

**