获取容器div而不是另一个(bootstrap)

时间:2014-10-06 14:04:46

标签: css twitter-bootstrap

Okej,所以我试图在引导程序中将一个div容器放在另一个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的ontop。有没有一种简单的方法可以做到这一点,还是有人知道更好的方法?容器流体假设包含将来是页眉的图像,而容器将是站点争用。 我希望容器超过容器流体的原因是我在开头写的文本将显示在标题上,并随着屏幕尺寸变小而保持良好的位置。

谢谢!

1 个答案:

答案 0 :(得分:3)

使用:

position:absolute;
top:0;

为您的容器并将div包装到另一个div中,位置为:relative。 (或添加职位:相对于任何父亲的div共享)

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