盒模型

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

页面进行布局时,能够经过box-sizing 样式进行设置spa

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

image.png

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

image.png

相关文章
相关标签/搜索