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将失效;