天天看點

css案例學習之父子塊的margin

css案例學習之父子塊的margin

兩邊還會有些距離,這是body預設的。

代碼:

<a></a>

css案例學習之父子塊的margin

兩邊沒有了距離

說明:子元素隻能在父元素允許的空間中活動。預設情況下會自動填滿父元素。

css案例學習之父子塊的margin

撐破了

說明:設定父元素高度為40px,子元素在處理margin-top時,撐破了父元素。

css案例學習之父子塊的margin

說明:寬度也會被撐破,不過有很大的彈性空間

本文轉自TBHacker部落格園部落格,原文連結:http://www.cnblogs.com/jiqing9006/p/4987581.html,如需轉載請自行聯系原作者