Question

我的网站容器有这个CSS：

.graybox {
padding: 0 30px 30px 30px;
background: #ededed;
position:absolute;
left:0;
right:0;
}

然后我在其上面放了一个容器来集中信息。 .graybox容器像我想要的那样展开页面的宽度，但现在我的页脚div被隐藏了，根据firebug，它实际上是在后面吗？在页面上？

这是否有解决方法？

虽然我在这里可以解释页面右侧的空白区域。一旦页面调整得更小，它就会生效。

Answer 1

您可以使用CSS z-index属性来确保您的页脚位于内容的前面。 Z-index仅在元素定位时有效。因此，请务必将position:relative添加到页脚

#footer{
    position:relative;
    z-index:999;
}

了解详情：http://www.w3schools.com/cssref/pr_pos_z-index.asp

修改

刚刚查看了您网站的代码，我不明白为什么您的graybox绝对定位，这只会让事情变得更复杂。您的菜单也是如此，为什么要将其置于绝对位置，为什么不首先在HTML中以正确的顺序添加它？

修改

如果您希望将内容居中，但背景宽度为100％，则只需添加容器div即可：

<强> HTML

<div class="container"> <div>lorem ipsum....</div> </div>

<强> CSS

.container{ background:red; } .container div{ width:400px; margin:0 auto; background:yellow; }

请在此处查看JSFiddle：http://jsfiddle.net/HxBnF/

目前你不能这样做，因为你有一个你设置在980px的容器，除非你确定你不想要任何东西包裹它，否则不要这样做，比如在这种情况下背景在该容器中的div。

Answer 2

在div样式中，只需分配大于任何其他z-index的z-index值即可，例如

>>> q_table = np.random.uniform(low=-1, high=0, size=([9],[9]))

Absolute Positioned Div隐藏了我的其他div

2 个答案: