网页宽度100%出现水平滚动条

在没有设置body的宽度时候，页面的宽度是100%，但是右侧出现垂直滚动条的时候，由于宽度减少了垂直滚动条的宽度，所以出现了水平滚动条。

解决方法：

body{
    overflow-x:hidden;
}

overflow的意思是隐藏超出元素范围的内容。