CSS padding 和 margin 对 div 尺寸的影响 (非 IE 浏览器)

在非 IE 浏览器中，给一个宽 60px，高 80px 的 div 设置 padding: 30px; margin: 30px; background: red; 后，div 的实际宽度为 120px，高度为 140px。

这是因为 padding 和 margin 会增加元素的尺寸。padding 是指元素内容与边框之间的距离，margin 是指元素边框与其他元素之间的距离。

计算方法：

• 宽度：原始宽度 + padding 左 + padding 右 + margin 左 + margin 右 = 60px + 30px + 30px + 30px + 30px = 120px
• 高度：原始高度 + padding 上 + padding 下 + margin 上 + margin 下 = 80px + 30px + 30px + 30px + 30px = 140px

注意：

• 在不同的浏览器中，padding 和 margin 的计算方式可能会略有不同。
• 在 IE 浏览器中，由于渲染引擎的差异，可能会有不同的结果。