box-sizing: border-box

box-sizing主要有兩個值content-box和border-box，先看下官方的解釋： 通俗一點來說，默認情況下，padding和border是會額外佔據空間的，假如元素寬是10px，如果設置了1px border邊框，實際的寬就是12px，padding同理。那麼這樣會導致，佈局的寬高不好控制，計算也特別麻煩。所以我們會給全局的元素用上border-box， 只要設置了寬高，那麼bor

>>阅读原文<<