盒模型的宽度计算

默认为标准盒模型 box-sizing:content-box;
offsetWidth =(内容宽度+内边距 +边框)，无外边距

答案 122px

通过 box-sizing: border-box; 可切换为 IE盒模型
offsetWidth = width 即 100px

margin 纵向重叠

• 相邻元素的 margin-top 和 margin-bottom 会发生重叠
• 空白内容的 <p></p>也会重叠，相当于不存在

答案 15px

margin 设置负值

• margin-top 负值，元素向上移动
• margin-left 负值，元素向左移动
• margin-right 负值，右侧元素左移，自身不受影响
• margin-bottom 负值，下方元素上移，自身不受影响

line-height 的继承

答案 40px

• 值为具体数值，如 30px，则继承该值，子元素的 line-height 也是 30px
• 值为比例，如2或1.5，则继承该比例，子元素的 line-height 也是 2或1.5
• 【考点】值为百分比，如 200%，则继承父元素计算后的值，此题中 body 的 line-height 计算后的值是 40px，所以子元素的 line-height 应该是 40px