一:标准盒子和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盒子模型解释。