请教一个关于移动端网页制作的padding的问题，前端很常见的。

问题是这样的：给一个设置好高度的div增加padding值，然后div的总高度会增大，这谁都懂，所以就要给div的高度减去相应的值，才能维持原来的总高度。如果是pc端的那就好办，padding增加多少我的div总高度就减少多少即可，因为单位是px。但是在移动端，都是以百分比为单位了，要减去多少这个值怎么确定呢？？复制党请绕道！！

不需要减来减去的那么麻烦，只需要一个CSS属性即可：
div {
  box-sizing: border-box;
}上面这代码的意思就是盒子的宽度width属性将定义了内容区、内边距和边框的总宽度。

（而不再是默认的情况：width属性只代表内容区的宽度）
如此，你就可以尽情地使用 padding、border 了，不用再考虑怎么减来减去的，不论你设置了padding或border，都不会超出宽度的。
另外注意一下，IE7及更低版本的浏览器不支持该属性（手机浏览器都支持）。

不明白啊 = =！

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息