使用CSS3的box-sizing屬性解決div寬高被內邊距撐開的問題

有時咱們會給頁面的元素（好比div）設置個固定的高度或寬度。但若是給這個div又設置了內邊距或者邊框的話，那麼這個div就會被撐大。也就是其實際的尺寸變成了：設置的寬高尺寸+內邊距+邊框。 這樣就有可能對咱們的佈局形成影響，若是不想讓內邊距和邊框影響到咱們設置的固定尺寸，能夠藉助 box-sizing 這個css屬性來實現。css 1，box-sizing 屬性介紹 box-sizing 容許咱們

>>阅读原文<<