CSS盒子模型

（1）css盒子模型

margin 邊距    用來設定一個元素所占空間的邊緣到相鄰元素之間的距離。

border 邊框    用來設定一個元素的邊線

padding 間隙 (也有人稱做更新檔)  用來設定元素内容到邊框的距離

content (内容，比如文本，圖檔等)

注意：css的背景屬性指的是content和padding，css屬性中的width和height指的是content的寬和高。

(2)計算盒子寬和高

盒子的總長度：左padding +左 border + 左margin+ width +右padding +右 border + 右margin

盒子的總寬度：上padding +上border + 上margin+ height +下padding + 下border + 下margin

（3）對于margin和padding都有top，left，right，bottom屬性，中間用-連接配接

本文轉自 韬光星夜 51CTO部落格，原文連結：http://blog.51cto.com/xfqxj/477068，如需轉載請自行聯系原作者