欧美成人精品手机在线观看_69视频国产_动漫精品第一页_日韩中文字幕网 - 日本欧美一区二区

由于firefox為標(biāo)準(zhǔn)瀏覽器，所以在有無(wú)dtd頭的情況下顯示都如上圖所示。


在ie6/7/8中，當(dāng)存在dtd頭的情況下，符合標(biāo)準(zhǔn)，顯示同firefox，如上圖所示。


在無(wú)dtd頭的情況下，ie6/7/8中則padding會(huì)算在height中，如上圖所示。

以上內(nèi)容經(jīng)過(guò)firefox3，IE6/7/8驗(yàn)證，所以，DOCTYPE 影響 CSS 處理，一定要加 DOCTYPE聲明，才能用W3C的標(biāo)準(zhǔn)處理頁(yè)面

padding
1.<div style="position:absolute;top:0px;left:0px;padding-top:50px;padding-left:50px;width:100px;height:100px;background:#000;color:#fff;"> test </div>
以上的代碼在IE中和firefox會(huì)有不同的效果。最主要原因是firefox解釋padding-top與IE的效果不同，fixfox的對(duì)DIV總高度是padding-top+height的，而IE中，padding-top是包含在height中的，要解決這一個(gè)矛盾,可以利用!important
1.<div style="padding-top:5px;height:10px !important;height:15px;width:200px;background-color:#ffeeee"> test </div>
上面定義了兩個(gè)height，其中一個(gè)后面加了!important，IE將會(huì)忽略這個(gè)屬性，而使用后面的height:15px，而firefox卻不會(huì)忽略這個(gè)屬性，直接使用height:10px，當(dāng)然也可以使用：
1.<div style="padding-top:5px;height:10px;*height:15px;width:200px;background-color:#ffeeee"> test </div>
*height只會(huì)被IE6/IE7解析，而FF不會(huì)解析*height。

Ps:測(cè)試后補(bǔ)充說(shuō)明一點(diǎn)，在IETest中測(cè)試IE6的padding-top和FF的解析方式一樣，所以如果使用*height的話(huà)還需要添加_height=10px來(lái)完善IE6的現(xiàn)實(shí)效果，這樣就可以很巧妙的解決這個(gè)問(wèn)題。

該文章在 2011/4/18 17:23:11 編輯過(guò)