DIV+CSS布局的占位计算

宽度计算公式：左外边距 + 左边框 + 左内边距 + 元素宽度 + 右内边距 + 右边框 + 右外边距

高度计算公式类似。

注意：Chrome和Firefox浏览器的开发者工具界面中计算DIV元素宽度和高度时，不把外边距计算在内。例如：

<div style="width: 100px; padding: 10px; margin: 20px;"></div>，实际占据宽度应该是：20 + 10 + 100 + 10 + 20 = 160px；但是在chrome和firefox中，在开发者工具中，你会发现计算出来的占位宽度只有120px。