CSS盒模型


盒模型

HTML文档中每个元素在渲染时都会被描绘成一个矩形盒子,而盒模型(box model)正是用来表示每个元素盒子所占用的空间大小的一个模型。

盒模型通过四个部分来描述其空间大小,分别为:margin(外边距)、border(边框)、padding(内边距)、content(内容区域);



W3C标准盒模型和IE盒模型

标准盒模型:box-sizing: content-box

IE盒模型:box-sizing: border-box



注:如果元素没有设置宽度或高度,其宽度仅由内部元素、padding、boder等撑开时,box-sizing: border-box将失效;


举报

© 著作权归作者所有


0