css 盒模型 (box model) 規定了元素框處理元素內容、內邊距、邊框 和 外邊距 的方式。
元素框的最內部分是實際的內容，直接包圍內容的是內邊距（padding）。內邊距呈現了元素的背景。內邊距的邊緣是邊框（border）。邊框以外是外邊距（margin），外邊距預設是透明的，因此不會遮擋其後的任何元素。
內邊距、邊框和外邊距都是可選的，預設值是零。但是，許多元素將由使用者**樣式表設定外邊距和內邊距。可以通過將元素的 margin 和 padding 設定為零來覆蓋這些瀏覽器樣式。這可以分別進行，也可以使用通用選擇器對所有元素進行設定：
*2、對於inline水平元素，水平padding影響尺寸，垂直padding不影響尺寸，但是會影響背景色（佔據空間）。
1、padding不支援任何形式的負值。
2、padding的百分比都是相對於寬度計算的，例如div可以構造乙個正方形。
3、內聯水平元素的padding百分比值也是相對於寬度計算的；預設的高度寬度細節有差異；padding會斷行（內聯元素的padding變大時會產生斷行），內聯元素即使div也不會出現正方形（是高大於寬的矩形），但新增一句font-size：0；就會變成正方形了；內聯元素的垂直padding會讓strut「幽靈空白節點」出現。
元素一般內建的padding、margin都是以em為單位的，尤其是margin。
1、ol/li元素內建padding-left的單位是px而非em；
2、如果字型大小很小，間距就會很開，如果字型大小很大，序號會爬到容器外面。
★一般網頁開發的字型大小是12或14px，這時padding-left的值22~25是合適的。
1、所有瀏覽器input/tsxtarea輸入框內建padding。
2、所有瀏覽器button按鈕內建padding（最難控制）。
較好的控制方法：
.label
按鈕
3、部分瀏覽器select下拉內建padding，如firefoxie8+。
4、所有瀏覽器radio/chexkbox單核取方塊無內建padding。
.line-tri.eye2、配合margin等高布局：margin-botttom:-600px;padding-bottom:600px;(很大的padding填充缺失的空間)。
3、實現兩欄自適應布局
css盒子模型之內邊距（padding）
知識點一 是內邊距，使用什麼屬性控制？元素的內邊距在邊框和內容區之間。控制該區域最簡單的屬性是 padding 屬性。css padding 屬性定義元素邊框與元素內容之間的空白區域。知識點二 padding可以接受什麼值？padding 屬性接受長度值或百分比值，但不允許使用負值。案例 例如，如果...
css 盒模型的內邊框
內邊距 padding 內容區和邊框之間的距離是內邊距 一共有四個方向的內邊距 padding top padding right padding bottom padding left 內邊距的設定會影響到盒子的大小 背景顏色會延伸到內邊距上 一共盒子的可見框的大小，由內容區 內邊距 和 邊框共同...
css 內邊距 外邊距 邊框
1.內邊距css padding 屬性定義元素邊框與元素內容之間的空白區域。例子 padding left 20px 屬性 描述padding 簡寫屬性。作用是在乙個宣告中設定元素的所內邊距屬性。padding bottom 設定元素的下內邊距。padding left 設定元素的左內邊距。padd...