由淺入深 談談CSS盒模型

一.什麼是盒模型 box model頁面上所有的元素，抽象呈現的都是一個盒子的形狀，有些地方也稱之爲框模型。盒子模型圖如下： 二.兩種盒模型及四個組成部分 組成由外到內分別是： margin（外邊距）：元素A的邊到元素B的邊的距離，沒有背景色，可以設置爲負數。 border（邊框）：元素A的邊，本身沒有屬性，可以人爲添加。 padding（內邊距）：元素A的content之外撐起的距離，繼承了元素

>>阅读原文<<