margin : 0;
/*乙個值：代表上、下、左、右。margin : 0 0 0 0;的簡寫。*/
margin : 5 10;
/*二個值：值1：上下、值2：左右。margin : 5 10 5 10;的簡寫。*/
margin : 5 10 15;
/*三個值：值1：上、值2：左右、值3：下。margin : 5 10 15 10;的簡寫。*/
margin: 1 10 5 15;
/*四個值：值1：上、值2：右、值3：下、值4：左。*/
margin裡的auto通常是拿來「置中對齊」使用。也就是我們將左右邊界值設定為「auto」，讓它產生置中對齊的效果。
/*方法一*/
margin-left : auto;
margin-right: auto;
/*方法二*/
margin : auto;
/*方法三*/
margin : 上下 auto;
margin : 0 auto;
/*方法四*/
margin : 上 auto 下;
margin : 0 auto 0;
css margin重疊的問題
margin 20px margin 20px 重疊 藍色的上20邊距與灰色背景div的20上邊距重疊 藍色方塊的下20畫素邊距與紅色方塊的上20畫素布局重疊 紅色方塊的20畫素的下邊距與灰色盒子的20畫素下邊距重疊。由於ie瀏覽器和非ie瀏覽器兩大陣營對處理margin重疊問題上有較大差異，所以解...
CSS margin帶來的塌陷問題
塌陷問題 就是當父元素包裹子元素時，子元素設定margin top時，並不是子元素上邊距離父元素上邊一段距離，而是子元素和父元素同時距離bfc 塊級格式上下文 下邊的距離 如下body 解決塌陷問題1.給父盒子新增border 2.給父盒子新增padding top 3.給父盒子新增overflow...
前端學習（十三）CSS margin的使用
margin是設定物件外邊距外延邊距離。margin的值有三種情況，可以為正整數和負整數並加單位如px畫素 margin left 20px 可以為auto自動屬性 margin left auto 自動 可以為百分比 值 margin left 3 單獨設定四邊間距屬性單詞 margin left...