一、屬性介紹

margin 屬性接受任何長度單位，可以是像素、英寸、毫米或 em。
可取值：
auto 瀏覽器計算外邊距。
length 規定以具體單位計的外邊距值，比如像素、厘米等。默認值是 0px。
% 規定基于父元素的寬度的百分比計算的外邊距。
inherit 規定應該從父元素繼承外邊距。

二、常見問題

1.IE6下浮動元素雙倍邊距問題
解決方法：
IE6中設置block元素display:inline;
.l{margin-left:20px;float:left;display:inline;}
原因：首先，inline元素和inline-block元素是沒有雙倍邊距的。對inline元素設置float后，會有個haslayout,使inline元素具有inline-block元素的特性，進而可以設置垂直margin、padding、width、height。

2.margin外邊距合并問題
外邊距的合并發生在以下三種情形：
情形一：空塊元素
a)如果一個塊級元素沒有border、padding、inline content、height、min-height來分隔，設置margin-top和margin-bottom屬性后會合并,

b)實例：

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表