width:100%; 设置padding出现横向滚动条的问题

元素width:100%; 设置padding出现横向滚动条的问题

方法一：最简单的办法是去掉元素宽度值设置，width:100%，块级元素默认就是100%宽度，设置padding后，padding会被计算为宽，实际效果的宽度会自适应的调整为100%

方法二：利用css3新特性给父级设置box-sizing：border-box; 此时元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制，元素设定的宽度和高度会自动减去边框和内边距得到内容的宽度和高度