宽度计算公式:左外边距 + 左边框 + 左内边距 + 元素宽度 + 右内边距 + 右边框 + 右外边距
高度计算公式类似。
注意:Chrome和Firefox浏览器的开发者工具界面中计算DIV元素宽度和高度时,不把外边距计算在内。例如:
<div style="width: 100px; padding: 10px; margin: 20px;"></div>,实际占据宽度应该是:20 + 10 + 100 + 10 + 20 = 160px;但是在chrome和firefox中,在开发者工具中,你会发现计算出来的占位宽度只有120px。