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盒子模型解释。