如下图一，在布局页面时，我的最外层div 用的padding:7px，目的是里面所有的元素都不要紧贴着边缘，里面的图片是width:100%，按正常说里面的图片应该是左右均匀的内缩7px,可是光左边正常缩进，右边都被切断了，如图中的红色箭头。
经过查询，发现是应该加上box-sizing:border-box就好了，这个是css3新加的样式，这个属性就是为了控制盒子的边缘部分，他的取值有border-box，content-box，inherit
其中的content-box,如果设置了width和height，那么内边距和外边距就单独算在width和height之外了。
而Inherit是规定从父元素集成box-sizing的值。
最后的border-box，则是把内边距和外边距都算在width和height之内，这样的话，我们设置了这个padding:7px后，那么左右的padding都算在整个宽度之内了，或者说属于宽度的一部分了，那就不会左右不均了。
设置之后效果如下：
如上图中红箭头所示，两边的白边padding都正常了，以上就是padding设置后左右不对称的问题的解决办法。
PS：本文来自万书涛的个人博客，感谢分享。
经过查询，发现是应该加上box-sizing:border-box就好了，这个是css3新加的样式，这个属性就是为了控制盒子的边缘部分，他的取值有border-box，content-box，inherit
其中的content-box,如果设置了width和height，那么内边距和外边距就单独算在width和height之外了。
而Inherit是规定从父元素集成box-sizing的值。
最后的border-box，则是把内边距和外边距都算在width和height之内，这样的话，我们设置了这个padding:7px后，那么左右的padding都算在整个宽度之内了，或者说属于宽度的一部分了，那就不会左右不均了。
设置之后效果如下：
如上图中红箭头所示，两边的白边padding都正常了，以上就是padding设置后左右不对称的问题的解决办法。
PS：本文来自万书涛的个人博客，感谢分享。
