ie6不相容屬性及其解決(1)

標籤：

1、Q:IE6怪異解析之padding與border算入寬高
　　　　原因：未加文檔聲明造成非盒模型解析
　　A：加入文檔聲明<!doctype html>

2、Q:IE6在塊元素、左右浮動、設定marin時造成margin雙倍（雙邊距）
　　A：display:inline

3、其實是同一種bug 
1）字型大小為奇數之邊框高度少1px
A：字型大小設定為偶數或line-height為偶數
2）line-height，文本垂直置中差1px
A：padding-top代替line-height置中，或line-height加1或減1
3）與父標籤的寬度的奇偶不同的置中造成1px的偏離
A：如果父標籤是奇數寬度，則子標籤也用奇數寬度;如果是父標籤偶數寬度，則子標籤也用偶數寬度

4、Q:內部盒模型超出父級時，父級被撐大
　　A：父標籤使用overflow:hidden

5、Q:line-height預設行高bug
　　A：line-height設值

6、Q:列標籤之間會有一小段空白
　　A：float或結構並排 

7、Q:標籤高度無法小於19px
　　A：overflow: hidden;

8、Q:左浮元素margin-bottom失效
　　A：顯示設定高度 or 父標籤設定_padding-bottom代替子標籤的margin-bottom or 再放個標籤讓父標籤浮動，子標籤
　　　　margin- bottom，即(margin-bottom與float不同時作用於一個標籤)

9、Q:img於塊元素中，底邊多出空白
　　A：父級設定overflow: hidden; 或 img { display: block; } 或 _margin: -5px;

10、Q:li之間會有間距
　　A：float: left;

11Q;塊元素中有文字及右浮動的行元素，行元素換行
　　A：將行元素置於塊元素內的文字前

12、Q:position下的left，bottom錯位
　　A：為父級(relative層)設定寬高或添加*zoom:1

13、Q:子級中有設定position，則父級overflow失效
　　A：為父級設定position:relative

ie6不相容屬性及其解決(1)