前端开发语言学习-笔记8-css兼容性问题

一、常见问题
1、在IE6下内容会撑开设置好的宽高。
计算一定要精确，不要让内容的宽高超出设置的宽高。

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

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

4、遵守标签嵌套规范

5、IE6下最小高度问题
在IE6下元素的高度小于19px的时候，会被当做19px处理；
解决方法： overflow:hidden 超出隐藏

6、1px dotted 在 IE6下不支持
解决办法： 切背景平铺

7、在IE6下解决margin传递要出发haslayout
在IE6下父级有边框的时候，子元素的marigin值消失，
解决办法： 触发父级的haslayout

二、浮动兼容性问题。

1、IE6下的双边距bug。
块元素有浮动和横向的margin值，横向的margin值会被放大成两倍
解决办法：display：inline-block

2、IE6、7下，li本身没浮动，但是li的内容有浮动，li下边会产生一个间隙
解决办法1：给li加浮动在加上宽度。
2、给li加vertical-align：top；垂直对齐方式。
当IE6下最小高度问题和li的间隙共存的时候， 给li加浮动。

3、当一行子元素占有的宽度之和 和父级的宽度相差超过3px，或者有不满行状态的时候，最后一行子元素的下margin在IE6下就会失效。

4、IE6下的文字溢出bug
子元素的宽度和父级的宽度小于3px的时候，两个浮动元素中间有注释或者行级元素
解决办法：用div把注释或者行级元素包裹住。