|
標(biāo)準(zhǔn)與非標(biāo)準(zhǔn)模式
standard模式后，定義和解析將更加嚴(yán)格，所有定義必須從頂級標(biāo)簽html開始。
可以理解為傳統(tǒng)非standard模式定義body的用法，standard模式下都必須在html上定義。
高度100%的意義
認(rèn)為standard模式下定義容器高度100%無效，是錯誤的理論。
如果需要body內(nèi)的容器有100%高度，必須先定義body高度100%。
html與body的默認(rèn)值
1. IE6.0環(huán)境下html默認(rèn)有2層border的內(nèi)嵌效果，F(xiàn)F1.5環(huán)境下默認(rèn)則沒有，這是IE6.0定義border:0前后效果：
2. IE6.0和FF1.5環(huán)境下的body都有一定的margin值，具體多少有細(xì)微差別，這是默認(rèn)在兩種客戶端效果：
3. IE6.0環(huán)境下html默認(rèn)就是100%高度，body則不是；FF1.5環(huán)境下html和body高度默認(rèn)都不是100%，需要自定義。
一般情況下統(tǒng)一默認(rèn)的方案：
html { height:100%; border:0;}
body { height:100%; margin:0;}
滾動條的設(shè)置
可以這么認(rèn)為，非standard模式頁面的默認(rèn)滾動條是body的，而standard則是html的。
standard模式下的body默認(rèn)就沒有滾動條，只是html下級的一個容器而已，這樣定義會看的更清楚：
html { background:#ccc; height:100%; border:0; overflow:scroll;}
body { background:#f00; height:100%; margin:0; overflow:scroll;}
定位參照
相同的道理，standard模式下當(dāng)使用position方法的時候，其定位參照肯定是html，而不是非standard模式的body。
根據(jù)這個特性很容易把層覆蓋在body上，具體參考CSS構(gòu)建iframe效果。
出處：一葉千鳥
責(zé)任編輯：moby
◎進(jìn)入論壇網(wǎng)站綜合、網(wǎng)頁制作版塊參加討論
|
