z-index没有在容器外工作

时间:2017-08-08 13:34:15

标签: css3 bootstrap-4

我正在使用bootstrap,我试图从容器中显示一个元素。

[HTML]

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

[CSS]

.element{
position:absolute;
right:0;
top:0;
z-index:999;}

我的问题是:为什么块元素仍然被容器隐藏。关于我的&z; z-index&#39;有什么不对? ? 谢谢

1 个答案:

答案 0 :(得分:0)

代码工作正常,但container除非内部有内容,否则不会显示,并且绝对位置div超出正常DOM流程,因此容器将崩溃。

<div class="container bg-danger">
    &nbsp;
    <div class="element bg-info">element</div>
</div> 

https://www.codeply.com/go/gqMwCQ3m01