sizing屬性為什么沒有margin？

首先謝謝邀請吧。

Box-sizing是CSS3的Box屬性之一，那他當然也遵循CSS的Box model原理，CSS中Box model是分為兩種，第一種是W3C的標準模型，另一種是IE的傳統模型，他們相同之處都是對元素計算尺寸的模型，具體說就是對元素的width,height,padding,border以及元素實際尺寸的計算關系。

1、W3C的標準Box Model:

/*外盒尺寸計算（元素空間尺寸）*/ Element空間高度 = content height + padding + border + margin Element 空間寬度 = content width + padding + border + margin /*內盒尺寸計算（元素大小）*/ Element Height = content height + padding + border （Height為內容高度） Element Width = content width + padding + border （Width為內容寬度）。

2、IE)傳統下Box Model（IE6以下，不含IE6版本或“QuirksMode下IE5.5+”）:

/*外盒尺寸計算（元素空間尺寸）*/ Element空間高度 = content Height + margin (Height包含了元素內容寬度，邊框寬度，內距寬度) Element空間寬度 = content Width + margin (Width包含了元素內容寬度、邊框寬度、內距寬度) /*內盒尺寸計算（元素大小）*/ Element Height = content Height(Height包含了元素內容寬度，邊框寬度，內距寬度) Element Width = content Width(Width包含了元素內容寬度、邊框寬度、內距寬度)。

box-sizing 屬性：

1、content-box:此值為其默認值，其讓元素維持W3C的標準Box Model，也就是說元素的寬度/高度（width/height）等于元素邊框寬度（border）加上元素內邊距（padding）加上元素內容寬度/高度（content width/height）即：Element Width/Height = border+padding+content width/height。

2、border-box:此值讓元素維持IE傳統的Box Model（IE6以下版本），也就是說元素的寬度/高度等于元素內容的寬度/高度。（從上面Box Model介紹可知，我們這里的content width/height包含了元素的border,padding,內容的width/height【此處的內容寬度/高度=width/height-border-padding】）。

說這么多為什么沒有margin-box 屬性，個人覺也許是用戶場景需求不足導致未制定該屬性。