我有一个单杠,它的width
为100%
。在水平栏中,我在978px
容器中将文本左对齐。只要浏览器窗口缩小到小于978px
的宽度,就会出现页面底部的滚动条。每当我向右滚动时,该栏将不再占据页面的宽度,而是被留在后面。我知道为什么会发生这种情况,但是我不知道该如何解决。如果您有任何想法,请告诉我。谢谢!
An example page
最佳答案
好吧,您已将#header设置为其包含代码块的100%(可能是主体)。收缩主体时,页眉的宽度会收缩。如果主体的宽度小于容器的宽度,则黑条将不会完全延伸。
您究竟希望它做什么?
-没有滚动条:取出容器,使用#header将文本居中
-黑条扩展了整个距离:最简单的解决方法是为容器提供背景色。