div宽度设置width:100%后再设置padding超出父元素

参考：https://blog.csdn.net/corruptwww/article/details/125734947 #### 解决方法:利用box-sizing `box-sizing：content-box | border-box | inherit` * **content-box** 默认值。如果你设置一个元素的宽为 100px，那么这个元素的内容区会有 100px 宽，并且任何边框和内边距的宽度都会被增加到最后绘制出来的元素宽度中。 * **border-box** 告诉浏览器：你想要设置的边框和内边距的值是包含在 width 内的。也就是说，如果你将一个元素的 width 设为 100px，那么这 100px 会包含它的 border 和 padding，内容区的实际宽度是 width 减 去(border + padding) 的值。大多数情况下，这使得我们更容易地设定一个元素的宽高。 注：border-box 不包含 margin。 * **inherit** 指定 box-sizing 属性的值，应该从父元素继承 我们可以在父元素中设置box-sizing: border-box 或者在子元素中设置box-sizing: content-box