盒模型

68次阅读

共计 217 个字符,预计需要花费 1 分钟才能阅读完成。

盒模型分为:W3C 标准盒模型和 IE 盒模型

页面进行布局时,可以通过 box-sizing 样式进行设置

box-sizing:content-box;// 当设置为此值时,该布局的宽高定义的是纯内容 content 的高度,不包含 padding 与 border;这也正是标准盒模型的特点;

box-sizing:border-box;// 当设置为此值时,该布局的宽高定义的是盒子的总体宽高,包含 padding 于 border 了;这也正是 IE 盒模型的特点;

正文完
 0