IE盒子模型和標準盒子模型區別

一：標準盒子和IE盒子模型

標準盒子模型，content不包含padding和border

非IE盒子模型：content包含content，padding，border

標準盒子模型的高：height=(margin-top+margin_bottom)+(border_top+border_bottom)+(padding_top+padding_bottom)+content_height；

標準盒子模型的寬：width=(margin_left+margin_right)+(border_left+border_right)+(padding_left+padding_right)+content_width

IE盒子模型的高:height = (margin-top+margin_bottom)+content_height；

IE盒子模型的寬:width= (margin_left+margin_right)+content_width；

二：使用標準盒子模型

在網頁頂部加上DOCTYPE聲明，如果不加DOCTYPE聲明，那麼各個瀏覽器會根據自己的行爲去理解網頁。即IE瀏覽器會採用IE盒子模型去解釋，ff會採用標準W3C盒子模型解釋。