盒模型的寬度計算

默認為標準盒模型 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