div在宽度设为100%时，若设置左边填充，则右边将会溢出的问题

问题详情：设置body，html宽度高度均为100，然后在body中添加一个div，该div宽度高度也为100%；然后设置该div的padding-left为100，则浏览器会出现滚动条，该div会在窗口右侧溢出100px

解决办法：

css中添加如下代码：

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

（bootstrap中自带此代码）

溢出的原因：一些浏览器默认box-sizing属性的值为:content-box，这个值的含义是内边距（padding）和边框（border）不计算在宽度和高度中，比如div的宽度是100px，若该div设置了box-sizing:content-box样式，则100px的宽度不算padding，如果设置了padding：10px，那么这个div总共占用120px的高度和宽度。