1、盒子模型、盒子模型怪异模式：
盒子模型分为两种：w3c标准盒子模型、IE标准的盒子模型（怪异盒模型）
盒子模型（Box Modle）可以用元素来进行布局，包括实际内容、外边距、边框、内边距；
标准盒模型 ：
width:指内容区域content的宽度
height:指内容区域的content高度
标准盒模型下盒子大小：content+padding+border+margin
怪异盒模型：
width:内容、内边距、边框总的宽度（content+pading+border）
height:内容、内边距、边框总的高度
怪异盒模型下盒子的大小=width(包含content+padding+border)+margin
当编辑器新建了一个html页面，有DOCTYPE标签，如
以上几种DOCTYPE都是标准的文档类型，无论使用哪种模式完整定义DOCTYPE，都会触发标准模式，而如果DOCTYPE缺失，则在ie6、ie7、ie8下将会触发怪异模式（quirks模式）
css3的box-sizing 属性：
盒模型的解析模式
有三个值：
content-box — border和padding不计入width之内
padding-box — padding计入width内
border-box — border和padding计算入width之内（其实就是怪异模式）
扫一扫
220
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
