盒模型

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

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

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

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

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理