盒模型

1. box-sizing: 默認取值content-box，width對應內容區content的寬度。

當box-sizing取值爲border-box時，給出padding, border後，width對應的是content的寬度+padding(左右)+border(左右)

2. 元素width的單位爲%時，是相對於其父元素width的百分比；

*上下方位的padding，margin單位爲%，是相對於包含塊的width來計算。

包含塊：若是元素的position是static(默認值)或者relative【這兩種屬於常規文檔流】, 則包含塊的邊界計算到最近一個父元素；該元素的display屬性必須可以提供相似塊級上下文，如：block, inline-block,  table-cell, list-item等。默認狀況下，width, height, padding, margin的值爲百分比時，以父元素的尺寸爲依據。

• 脫離常規文檔流：

1. position: absolute
2. 浮動