将容器 div 放在另一个容器上（引导程序）

Question

Okej，所以我试图在引导程序中让一个 div 容器覆盖另一个容器。

这是html代码：

<div class="container-fluid">

</div>
<div class="container">

</div>

这是我目前得到的 css：

.container-fluid{
    height: 400px;
    background: black; 
    z-index: -10;
}

.container{
    height: 800px;
    background-color: blue;
    z-index: 20;
}

所以我想要.container 位于.container-fluid 之上。有没有一种简单的方法可以做到这一点，或者有人知道更好的方法吗？假设容器流体包含一个图像，该图像将成为将来的页眉，而容器将是站点内容。 我希望容器超过容器流体的原因是，我在开头写的文本将显示在标题上，并随着屏幕尺寸变小而保持良好的位置。

谢谢！

Answer 1

使用：

position:absolute;
top:0;

为您的容器并将两个 div 包装到另一个具有位置：相对的 div 中。 （或添加位置：相对于任何父级 div 的份额）

这样：http://jsfiddle.net/0p8s1omp/