整个宽度的酒吧

Question

请参阅我正在处理的网站：LINK OFFLINE

我尝试将白色条放在页面的整个宽度上。这在垂直居中之前很有效。

有人可以帮助我吗？

Answer 1

只需将width:100%添加到#container元素即可。

或者，您可以设置position:relative在#container上以实现相同的效果（正如@mamadrood正确注意到的那样）。

Answer 2

#outer div已经是绝对的了，＃容器应该有一个相对位置。

Answer 3

删除您的容器元素上的position: absolute，你应该很好。

Answer 4

问题是，当您将元素居中时，它被设置为position: absolute;。绝对定位的元素占据了他们孩子的尺寸，所以如果你不喜欢，你必须指定一个宽度。

#container { 
    width: 100%; 
} 

或

#container { 
    left: 0; right: 0; 
} 

会为你工作。