4. IE6的雙倍邊距BUG
運行代碼 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
body {
margin:0
}
div {
float:left;
margin-left:10px;
width:200px;
height:200px;
border:1px solid red
}
</style>
<div>
<a href="#">
web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全
</a>
</div>
浮動后本來外邊距10px,但IE解釋為20px,解決辦法是加上display:inline
5. IE6下絕對定位的容器內文本無法正常選擇的問題
運行代碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
div {
position:absolute;
top:100px;
left:100px;
width:200px;
height:200px;
border:1px solid red
}
</style>
<div>
<a href="#">
web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全
</a>
</div>
上面的問題在IE6、7中存在，解決問題的辦法是讓IE進入到qurks mode。關于qurks mode的相關知識，請參考：http://www.microsoft.com/china/msdn/library/webservices/asp.net/ASPNETusStan.mspx?mfr=true
6. IE6下為什么圖片下方有空隙產生
運行代碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
<!--
div {
border:1px solid red;
background:orange;
}
img {
width:276px;
height:110px;
}
-->
</style>
<div>
<img src="http://cimg2.163.com/catchpic/8/81/814D0BCAD64A11876E3119262F7BE06A.gif" alt="google" />
</div>解決這個BUG的方法也有很多，可以是改變html的排版，或者設置img 為display:block
或者設置vertical-align屬性為vertical-align:top | bottom |middle |text-bottom
都可以解決.