html 盒子模型 计算总宽度与总高度

默认width、height只是内容的宽度与高亮,下列计算元素所占的总宽度与总高度。

img


总宽度

总宽度=内容宽度 + padding-left + padding-right + border-left + border-right + margin-left + margin-right

总高度

总高度=内容高度 + padding-top + padding-bottom + border-top + border-bottom + margin-top + margin-bottom