1、margin屬性包含幾個子屬性，關于box的margin屬性的描述？

margin屬性的參數有margin-left、margin-right、margin-top、margin-bottomW3C組織建議把所有網頁上的對像都放在一個盒(box)中，設計師可以通過創建定義來控制這個盒的屬性，這些對像包括段落、列表、標題、圖片以及層。盒模型主要定義四個區域：內容(content)、內邊距(padding)、邊框(border)和外邊距(margin)。對于初學者，經常會搞不清楚margin，background-color，background-image，padding，content，border之間的層次、關系和相互影響。

2、margin可以是百分比嗎？

1，margin可以是百分比；

2，百分數是相對于父元素的width計算，不管是margin-top/margin-bottom還是margin-left/margin-right。如果沒有為元素聲明width，在這種情況下，元素框的總寬度包括外邊距取決于父元素的width，這樣可能得到“流式”頁面，即元素的外邊距會擴大或縮小以適應父元素的實際大小。如果對這個文檔設置樣式，使其元素使用百分數外邊距，當用戶修改瀏覽窗口的寬度時，外邊距會隨之擴大或縮小。

3、textarea設置margin有效嗎？

沒效，textarea為可置換元素，其屬性默認display:inline-block。CSS 邊距屬性定義元素周圍的空間。通過使用單獨的屬性，可以對上、右、下、左的外邊距進行設置。也可以使用簡寫的外邊距屬性同時改變所有的外邊距。margin通過使用單獨的屬性，可以對上、右、下、左的外邊距進行設置。即：margin-top、margin-right、margin-bottom、margin-left。

4、中間自適應寬度的css布局？

對于左右定寬中間自適應這種css布局，其實有很多實現方法，下面簡單介紹幾種，供大家參考；

絕對定位+margin

原理是將左右兩邊的div使用絕對定位分別定位到左右兩邊，中間的div使用margin屬性，留出左右div的寬度，將其中間的div寬度設為100%即可，代碼如圖

flex布局（彈性盒子）

在外層包一層div，設置屬性display：flex，里面的子元素設置屬性flex:1,具體實現，看下圖代碼

float（浮動布局）

float布局將左右div分別浮動到左右，中間使用margin屬性，留出左右的寬度，這個跟絕對定位布局有點相似，代碼如下圖

效果圖：總結：

實現這種左右定寬，中間自適應的css布局，其實有很多種實現方法，比如還有“圣杯布局”、“雙飛翼布局”；個人比較推薦flex布局方式，這也是css3新屬性，實現起來比較方便；如有疑問，歡迎在評論下方留言，大家一起討論