本文摘自PHP中文网,作者青灯夜游,侵删。
标准盒子模型的尺寸为:“内容的宽高+两侧内边距padding的大小+两侧边框border的大小”;而IE盒子模型的尺寸直接就为:“内容的宽高”,盒子设置的宽/高属性就是盒子自身的整体尺寸,如果带有内边距或边框,则通过缩小内容区域来实现。
本教程操作环境:windows7系统、css3版本,该方法适用于所有品牌电脑。
(推荐教程:CSS视频教程)
盒子模型(Box Modle)可以用来对元素进行布局,包括实际内容(content)、内边距(padding)、边框(border)与外边距(margin)这几个部分。
一、盒模型的分类
盒子模型分为两种:ie盒子模型(怪异盒模型)和标准w3c盒模型。
相关阅读 >>
css text-decoration-style属性怎么用
更多相关阅读请进入《css》频道 >>

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者