页面宽度设置100%，设置padding或border溢出解决方法

div{ width:100%; padding:0 10px; }
为什么别人这样设置了，width还是100%，并且具有左右10px的padding，而我设置后，width不再是100%了，而是变大了（原100%再加20px）？哪里不对么？
问题解决了，原来CSS3新属性box-sizing可以将padding计算在width内。

当元素 设置 width 的时候 又设置了 padding 那么当前元素 的 实际宽度是 width padding
margin 是 元素 距离父级元素的 距离，可以这么理解

加入box-sizing:border-box;属性即可解决

.news-item{    width: 100%;    height: px2rem(90px);    padding-left: px2rem(15px);    padding-right: px2rem(15px);    box-sizing: border-box;  }