璞玉渾Gin2021-08-26 13:09:09

盒模型是 xhtml+css佈局頁面中的核心。

每個HTML元素都可以看作一個裝了東西的盒子，盒子具有寬度（width）和高度（height），盒子裡面的內容到盒子的邊框之間的距離即填充（padding），盒子本身有邊框（border），而盒子邊框外和其他盒子之間，還有邊界（margin）。

盒模型的四要素：content（內容）、border（邊框）、padding（內邊距）、margin（外邊距）。

margin：是盒子外面與其他元素的距離，用1到4個值來設定元素的外邊距，每一個值都是長度、百分比或 auto，允許使用負值。還可以使用margin-top、margin-right、margin-bottom、margin-left，外邊距順序依次是上、右、下、左。