|
這部分是加入了XHTML1.0寬鬆規範的DTD聲明,我在body中加入了一個ID爲test 的層,然後用CSS對其width和height賦予80%的值,在IE6中預覽,發現只有width值爲80%, 而height沒變. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>DTD with DIV</title> <style type="text/css"> div#test{ width:80%; height:80%; color:#FFFFFF; background-color:#0082ff; } </style> </head> <body> <div id="test"> This is test page </div> </body> </html>
繼續,當我們把頭部的DTD聲明去掉後,代碼如下 <html> <head> <title>DTD with DIV</title> <style type="text/css"> div#test{ width:80%; height:80%; color:#FFFFFF; background-color:#0082ff; } </style> </head> <body> <div id="test"> This is test page </div> </body> </html>
這時候,IE6就能顯示height的高度了… 很多時候有這個聲明與沒有這個聲明,出來的效果可是天壤之別,有時候甚至會發現,你的CSS代碼沒有任何錯誤.但出來的效果卻和你想象的不一樣的時候,你就要考慮是否是DTD聲明的問題… 一點小發現,記上. |
