1、淺析css中的margin屬性，css模式是什么？

css模型可以說，頁面就是由一個個盒模型堆砌起來的，每個HTML元素都可以叫做盒模型，盒模型由外而內包括：外邊距（margin）、邊框（border）、內邊距（padding）、內容（content）。它在頁面中所占的實際寬度是margin + border + padding + content 的寬度相加。css的盒模型有兩種：標準盒模型和IE盒模型。

2、css中padding和margin的區別和使用？

1、margin是指從元素自身邊框到另一個元素邊框之間的距離，就是容器之外距離。而padding是指元素自身邊框到自身內部另一個元素邊框之間的距離，就是容器內距離。好比你的屋子作為目標元素 ，屋外的東西和屋子的距離用margin，屋內的東西和屋子的距離用padding

2、padding的用法：1、padding:10px 20px 30px 40px; 上、右、下、左內邊距2、padding-left:10px; 左內邊距3、padding-right:10px; 右內邊距4、padding-top:10px; 上內邊距5、padding-bottom:10px; 下內邊距6、padding：10px; 四邊統一內邊距

3、margin的用法：1、margin:10px 20px 30px 40px; 上、右、下、左外邊距2、margin-left:10px; 左外邊距3、margin-right:10px; 右外邊距4、margin-top:10px; 上外邊距5、margin-bottom:10px; 下外邊距6、margin:10px; 四邊統一外邊距

3、margin有繼承性嗎？

1，margin沒有繼承性。

2，margin為css中非常常用的一個屬性，其所包含的內容也是很多的。margin 屬性是用于在一個聲明中設置四個外邊距的所有屬性的簡寫屬性。沒有繼承性，也就是它的設置的margin值不會自動傳遞到下一級標簽中。margin后面的參數個數可以是一個，兩個，三個或四個。

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

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

絕對定位+margin

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

flex布局（彈性盒子）

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

float（浮動布局）

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

效果圖：總結：

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