1.爲什麼需要盒模型?
每個html標籤類似一個盒子,有content,margin,padding,border等屬性。程序編寫的一個要點是控制變化和不變的部分,若是變化部分則可以將其抽離出來,以免影響不變的部分;若是不變的部分則可以將其獨立封裝起來,僅提供接口給外部調用。這個盒模型作爲程序中不變的部分優點是解耦和複用。
2.盒模型的類型
現在瀏覽器都支持box-sizing屬性,其中的content-box代表W3C盒子模型,而border-box代表IE盒子模型。區別在於盒子實際的寬高的計算方式不同。
在文檔頂部寫上<doctype html>瀏覽器則會以標準模式即W3C盒子模型來解析文檔。