使用CSS3的box-sizing属性解决div宽高被内边距撑开的问题

有时咱们会给页面的元素（好比div）设置个固定的高度或宽度。但若是给这个div又设置了内边距或者边框的话，那么这个div就会被撑大。也就是其实际的尺寸变成了：设置的宽高尺寸+内边距+边框。 这样就有可能对咱们的布局形成影响，若是不想让内边距和边框影响到咱们设置的固定尺寸，能够借助 box-sizing 这个css属性来实现。css 1，box-sizing 属性介绍 box-sizing 容许咱们

>>阅读原文<<