请查看我正在处理的网站:LINK OFFLINE
我尝试将白条放置在页面的整个宽度上。这在他垂直居中之前效果很好。
有人能帮我吗?
#outer div 已经是绝对的,#container 应该有一个相对位置。
只需添加width:100%
到#container
元素。
或者,您可以设置position:relative
以#container
实现相同的效果(正如@mamadrood正确注意到的那样)。
问题是当您将元素居中时,它被设置为position: absolute;
. 绝对定位的元素占据了它们子元素的尺寸,所以如果你不喜欢这样,你必须指定一个宽度。
#container {
width: 100%;
}
或者
#container {
left: 0; right: 0;
}
会为你工作。
删除position: absolute
你的容器元素,你应该很好。