学 习web标准，首先要弄懂的就是这个盒模型，这就是DIV排版的核心所在传统的表格排版是通过大小不一的表格和表格嵌套来定位排版网页内容，改用CSS 排版后，就是通过由CSS定义的大小不一的盒子和盒子嵌套来编排网页这种排版。

盒子模型把 HTML 页面中的布局元素看作是一个矩形的盒子，也就是一个盛装内容的容器CSS 盒子模型本质上是一个盒子，封装周围的 HTML 元素，它包括 边框 外边距 内边距 和 实际内容 1border可以设置元。

网页盒子模型存在两种1标准W3C盒子模型 2IE盒子模型IE浏览器默认的模型在两种不同模型网页里，定义了相同CSS属性的元素显示效果是不一样的，下面就用公式来区分这两种不同的盒子模型1标准W3C盒子模型 宽=。

其与W3C盒子区别在于它的content 部分包含了 border 和 padding那应该选择哪中盒子模型呢当然是“标准 w3c 盒子模型”了怎么样才算是选择了“标准 w3c 盒子模型”呢很简单，就是在网页的顶部加上 doctype 声明假。

hbuilder盒子模型详情1盒子模型是指将一个元素视为一个矩形的盒子，该盒子由四个部分组成内容区域内边距边框和外边距这些部分相互叠加，形成了一个完整的盒子2HBuilder中的盒子模型由以下组成部分内容区域C。