什麼是Box model

在網頁中每個element都被看作一個box，每個box可以有內容content、邊界border、內外空間。
所以box會有padding / marging/ border/ content

Padding

padding是content與border的距離

Margin

margin是物件與其他物件的距離，可以使用margin來產生空白與其他element產生一段距離

Width/Height

在box中可以設定寬度與高度(width & Height)，現在的CSS寬度是指content的寬度，所以在製作layout時要注意寬度要再加上border+padding+margin才是最終寬度或是高度。