Question

html+css+div 出现滚动条，为什么头部显示不全

如图

Answer 1

你的头部宽度和下面的内容div设置宽度是不是不一样，头部设置的是100%，下面的内容宽度超过了浏览器的宽度，就会出现滚动条，但是头部的部分还是原来浏览器宽。
两种方案：
1.把头部宽度设置和下面内容的宽度相同，不过这样你的页面就会一直有滚动条，而且头部文字有可能在打开初始页面时有可能太靠右而看不到，必须滚动下面的滚动条才能看见。
2.把内容的字体大小，边距等等缩小，让它的整体宽度和头部宽度相同。这样不会出现下面的滚动条，唯一的缺点是字体缩小了，看的就不会太清晰。

具体效果你可以看看。

Answer 2

你头部设置宽度是100%
也就是一个屏幕的距离

所以超出一个平面的宽就是空白了

解决办法
1、将头部宽度写死，或者设个最小宽度；
2、用js获取页面的最大宽度，然后赋值给头部；

Answer 3

因为你上面的宽度定义的是100%,而100%代表的是与浏览器窗口可见区域同宽,而不是与整个滚动区域同宽,所以,如果你不拉横向滚动条就刚好,一拉就会看到右则的留白.

Answer 4

代码贴上，看看