html/css兼容性问题

1. IE6下内容会撑开设置好的宽高，所以计算一定要精确，内容的宽度要减去padding值

2. IE6下，如果宽度城要内容撑开，就要给里面的块元素都加浮动

3. IE6下，高度小于19px会当做19px处理.

　　解决方法：overflow:hidden;

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

　　解决方法：解发haslayout       .class{zoom:1;}

5. 子级的margin-top值会传递给父级。   

　　解决方法：overflow:hidden;

6. 在IE6、7下，LI本身没浮动，但是LI的内容有浮动，LI下边会产生一个间隙

    解决方法：  (1）给LI加浮动

                     (2）给LI加vertical-align:top;

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

7. 当一行子元素占有的宽度之和与父级宽试想 差超过3px，或者有不满行状态的时候，最后一行子元素的下边margin值在IE6下会失效

【暂无解】

8. IE6下文字溢出BUG

    子元素的宽度和们级的宽度相差小于3px的时候，两个浮动元素中间有注释或者内嵌元素       

　　解决方法：把注释去掉或内嵌用div包起来或加宽父级宽度

9. 当浮动元素和绝对定位元素是并列关系的时候，在IE6下绝对定位元素会消失。     

　　解决方法：给定位元素外面包个div

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

　　 解决方法：给父级也加相对定位

11. 在IE6下，绝对定位父级是奇数时，元素的right值和bottom值会有1px的偏差。   

　　无解决办法，只能尽量使用偶数宽高

12.透明度：正常浏览器只写opacity：0——1就可以了。

　　在IE6、7下，需用IE滤镜，fitter:alpha(opacity=0~100;)

13.输入类型表单控件:  <inut type = "text"/>

    (1)在IE6、7下输入类型表单控件加border:none;无效      

　　解决方法：给input重置一下背景色

    (2)在IE6、7下表单上下各有1px间隙     

　　解决方法：给input加浮动，     float:left;

    (3)输入文字时，在IE6 、7下背景图片会跟着移动。    

　　解决办法：把背景加给父级，清掉自身背景。