盒模型分爲兩種:標準盒模型和怪異盒模型(可惡的IE瀏覽器)
一.標準盒模型
在標準盒模型中一個盒子實際所佔的位置大小爲:margin + padding + border + content(width,height)。
在標準盒模型中一個盒子的大小爲:padding + border + content(width,height)。
二.怪異盒模型
在怪異盒模型中盒子實際所佔的位置大小爲:margin + content
在怪異盒模型中盒子實際的大小爲:content(width,height)。
三.實例
這是一道今年新浪的面試題:
一個div他的css樣式爲"width:100px;border:1px solid #000;padding:50px"請問在使用標準文檔聲明後IE6中這個div實際所佔用的寬度爲?去除文檔聲明後div在ie6中實際佔用的寬度爲?
答案是:(1)202
(2)100