標準盒模型和IE盒模型

大家好像對盒模型還不是很清楚,我來總結一下。
盒模型分爲兩種:標準盒模型和怪異盒模型(可惡的IE瀏覽器)

一.標準盒模型
盒模型 - 淡淡De影痕 - 淡淡De影痕的博客
在標準盒模型中一個盒子實際所佔的位置大小爲:margin + padding + border + content(width,height)。
在標準盒模型中一個盒子的大小爲:padding + border + content(width,height)。

二.怪異盒模型
盒模型 - 淡淡De影痕 - 淡淡De影痕的博客
在怪異盒模型中盒子實際所佔的位置大小爲:margin + content
在怪異盒模型中盒子實際的大小爲:content(width,height)。

三.實例
這是一道今年新浪的面試題:
一個div他的css樣式爲"width:100px;border:1px solid #000;padding:50px"請問在使用標準文檔聲明後IE6中這個div實際所佔用的寬度爲?去除文檔聲明後div在ie6中實際佔用的寬度爲?
答案是:(1)202
     (2)100

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章