1: margin長在元素之外的。
2: margin控制的是 同級元素 之間的位置關係。
3: margin不會對盒子本身的寬高造成影響。
4: 給單一方向新增margin值：margin-(top,right,bottom,left);
5: margin的設定方法：
乙個值 ： 四周；
兩個值 ： 上下 左右；
三個值 ： 上 左右 下；
四個值 ： 上右下左；
7: margin常出現的bug:
1：當父元素和第乙個子元素都沒有設定浮動的情況下，如果給第乙個子元素新增margin-top 會聯通父元素一起移動。
ⅱ: 上下相鄰兩個元素之間的margin值，不會疊加，按照設定的最大值。
8: margin:0 auto; 讓當前元素在父元素裡面左右居中。
css盒模型margin的摺疊
1.在css中，兩個或多個毗鄰的普通流中的塊級盒子 可能是父子元素，也可能是兄弟元素 在垂直方向上的外邊距會發生疊加，這種形成的外邊距稱之為外邊距疊加。1.大於等於2個元素，且相鄰的兩個或多個元素都需符合下面所需的摺疊條件。2.垂直方向。3.元素處於普通流 浮動元素，絕對定位，固定定位不會和任何元素...
盒子模型的margin負數用法
盒子的margin用法大家都應該很清楚，在實際中一般使用margin來水平居中或者讓自己移動相應的位置，但是margin給負數在實際中也是有用的。如圖為兩個浮動的盒子。給左邊的盒子margin left 50px 後如圖所示 如圖，藍色盒子移動了，但是粉色盒子自身只是被壓住了，並沒有移動。如下 do...
彈性盒模型的基本用法
1 彈性盒模型 1 display flex 說明 設定為彈性盒 父元素新增 2 flex direction 主軸排列方向 說明 順序指定了彈性子元素在父容器中的位置 1.row 預設在一行內排列 2.row reverse 反轉橫向排列 右對齊，從後往前排，最後一項排在最前面。3.column ...