IE6 常見CSS BUG修複

ie6雙倍邊距bug

http://blog.csdn.net/hedong37518585/article/details/6638997 

3像素問題及解決辦法

http://blog.csdn.net/hedong37518585/article/details/6639044 

當子元素浮動且未知高度時，怎麼使父容器适應子元素的高度？

http://blog.csdn.net/hedong37518585/article/details/6639731  

ie6下haslayout引起a:hover失效

http://blog.csdn.net/hedong37518585/article/details/6643886

ie6文字溢出BUG(文字重複)

http://blog.csdn.net/hedong37518585/article/details/6639150

IE6 相對定位容器中的絕對定位BUG

http://blog.csdn.net/hedong37518585/article/details/6639258

超連結通路過後hover樣式就不出現的問題

被點選通路過的超連結樣式不在具有hover和active了,很多人應該都遇到過這個問題，解決方法是改變CSS屬性的排列順序: L-V-H-A

a:link {color: #1f3a87; text-decoration:none;}

a:visited {color: #83006f;text-decoration:none;}

a:hover {color: #bc2931; text-decoration:underline;}

a:active {color: #bc2931;}

一個空格引發CSS失效

這段代碼對<p>的首字元樣式定義在IE6上看是沒有效果的（IE7沒測試），而在p:first-letter和{font- size:300%}加上空格，也就是p:first-letter {font-size:300%}後，顯示就正常了。但是同樣的代碼，在FireFox下看是正常的。按道理說，p:first- letter{font-size:300%}的寫法是沒錯的。那麼問題出在哪裡呢？答案是僞類中的連字元"-"。IE有個BUG，在處理僞類時，如果僞 類的名稱中帶有連字元"-"，僞類名稱後面就得跟一個空格，不然樣式的定義就無效。而在FF中，加不加空格都可以正常處理。

ie6中奇數寬高的BUG

IE6還有奇數寬高的bug，解決方案就是将外部相對定位的div寬度改成偶數。

ie6下為什麼圖檔下方有空隙産生

解決這個BUG的方法也有很多，可以是改變html的排版，或者定義img 為display:block

或者定義vertical-align屬性值為vertical-align:top | bottom |middle |text-bottom

還可以設定父容器的字型大小為零，font-size:0

ie6下空标簽高度問題

一個空div如果高度設定為0到19px，IE6下高度預設始終19PX。

例如：

.c{background-color:#f00;height:0px;}

<div class="c"></div>

如果不讓它預設為19PX。而是0PX的話

解決方法有3種：

1.css裡面加上overflow:hidden;

2.div裡面加上注釋,

<div class="c"><!– –></div>

3.css裡面加上line-height:0;然後div裡面加上#nbsp;,

<div class="c">&nbsp;</div>(#換成&)