我有一个单杠,它的width100%。在水平栏中,我在978px容器中将文本左对齐。只要浏览器窗口缩小到小于978px的宽度,就会出现页面底部的滚动条。每当我向右滚动时,该栏将不再占据页面的宽度,而是被留在后面。我知道为什么会发生这种情况,但是我不知道该如何解决。如果您有任何想法,请告诉我。谢谢!

An example page

最佳答案

好吧,您已将#header设置为其包含代码块的100%(可能是主体)。收缩主体时,页眉的宽度会收缩。如果主体的宽度小于容器的宽度,则黑条将不会完全延伸。

您究竟希望它做什么?

-没有滚动条:取出容器,使用#header将文本居中

-黑条扩展了整个距离:最简单的解决方法是为容器提供背景色。

10-04 22:11