大家好像对盒模型还不是很清楚,我来总结一下。
盒模型分为两种:标准盒模型和怪异盒模型(可恶的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