CSS的公共margin指的是同一元素下所有子元素的外邊距都是相同的。若設置了公共margin,那么同一元素下的不同子元素之間的外邊距也是相同的。這個看起來并沒有什么用,但是在網頁布局的時候是十分實用的。
要設置公共margin,需要先給父元素添加margin屬性。然后子元素中的margin屬性,不再是表示子元素與外界之間的距離,而是表示子元素與父元素之間的距離。
/* 公共margin的示例代碼 */ .parent { margin: 20px; /* 設置公共margin */ } .child { margin: 10px; /* 設置子元素之間的margin */ }
在這個例子中,如果不設置公共margin,那么每一個子元素之間的距離都是10px。如果設置了父元素的margin為20px,那么所有子元素之間的距離都是20px。
需要注意的是,這個公共margin只對同一級別的子元素有效。也就是說,如果有一個元素是父元素的子元素,而又有一個元素是前者的子元素,那么這兩個子元素之間的margin就不是公共margin。