css让padding、border不占据宽度

本文主要是介绍css让padding、border不占据宽度，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

CSS3 新增了 box-sizing 属性。 
以前，如果指定 div 的宽度为

div {    width: 120px;height: 120px;padding: 10px;    
}

则包含 padding，div 的实际宽度为 120px。 
有时我们不希望 padding 影响到 div 的实际宽度。以前只能手动计算 width，从 CSS3 开始可以通过 box-sizing 来做到这一点。

div {  -moz-box-sizing: border-box;  /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;width: 120px;height: 120px;padding: 10px;}

则 div 的实际宽度为 120px。

这篇关于css让padding、border不占据宽度的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---