你的头部宽度和下面的内容div设置宽度是不是不一样，头部设置的是100%，下面的内容宽度超过了浏览器的宽度，就会出现滚动条，但是头部的部分还是原来浏览器宽。
两种方案：
1.把头部宽度设置和下面内容的宽度相同，不过这样你的页面就会一直有滚动条，而且头部文字有可能在打开初始页面时有可能太靠右而看不到，必须滚动下面的滚动条才能看见。
2.把内容的字体大小，边距等等缩小，让它的整体宽度和头部宽度相同。这样不会出现下面的滚动条，唯一的缺点是字体缩小了，看的就不会太清晰。
具体效果你可以看看。
你头部设置宽度是100%
也就是一个屏幕的距离
所以超出一个平面的宽就是空白了
解决办法
1、将头部宽度写死，或者设个最小宽度；
2、用js获取页面的最大宽度，然后赋值给头部；
因为你上面的宽度定义的是100%,而100%代表的是与浏览器窗口可见区域同宽,而不是与整个滚动区域同宽,所以,如果你不拉横向滚动条就刚好,一拉就会看到右则的留白.
内容全部来源于网络收集，如有侵权，请联系网站删除：QQ：24596024