棒在整个宽度

Question

请查看我正在处理的网站：LINK OFFLINE

我尝试将白条放在页面的整个宽度上。这在他垂直居中之前运作良好。

有人可以帮助我吗？

Answer 1

#outer div已经是绝对的，＃container应该具有相对位置。

Answer 2

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

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

Answer 3

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

#container {
    width: 100%;
}

或

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

适合你。

Answer 4

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