标准盒模型
width指的是内容区域的宽度,height指的是内容区域的高度。
盒子大小:content + padding + border + margin
display: content-box
怪异盒模型
width指的是内容、内边距、边框的总宽度,height指的是内容、内边距、边框的总高度。
盒子大小:width (content + padding + border) + margin
display: border-box
width指的是内容区域的宽度,height指的是内容区域的高度。
盒子大小:content + padding + border + margin
display: content-box
width指的是内容、内边距、边框的总宽度,height指的是内容、内边距、边框的总高度。
盒子大小:width (content + padding + border) + margin
display: border-box