不需要减来减去的那么麻烦,只需要一个CSS属性即可:
div { box-sizing: border-box;}
上面这代码的意思就是盒子的宽度width属性将定义了内容区、内边距和边框的总宽度。
(而不再是默认的情况:width属性只代表内容区的宽度)
如此,你就可以尽情地使用 padding、border 了,不用再考虑怎么减来减去的,不论你设置了padding或border,都不会超出宽度的。
另外注意一下,IE7及更低版本的浏览器不支持该属性(手机浏览器都支持)。
- 上一篇: seo个人博客常见问题有哪些
- 下一篇: 返回列表