css怪異盒模型和彈性盒佈局(flex)詳解及其案例

一、怪異盒模型 怪異盒模型的屬性是box-sizing，他有兩個屬性值： 1、content-box 　　這是由 CSS2.1 規定的寬度高度行爲。寬度和高度分別應用到元素的內容框。在寬度和高度之外繪製元素的內邊距和邊框。 　　簡而言之就是，一般的盒子都是屬於這種，最顯著的特點就是加上padding後，盒子會被撐大，需要減去對應的高度或寬度。 2、border-box 　　爲元素設定的寬度和高度決

>>阅读原文<<