绝对div在容器引导程序4中未显示

LarakBell:

我对表演这个代码divabsolute位置内divcontainer使用引导4。

码:

<div class="container position-relative">
  <div class="position-absolute text-justify w-100">
    text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo
  </div>
</div>

但在动作divabsolute位置没有表现出真正的container(秀外container)。如何解决这个问题?

演示jsfiddle

gaetanoM:

在div中使用位置听起来很奇怪。无论如何,我建议将您的内容包装成一行:

.container {
    height: 500px;
    background-color: #eee;
}
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">



<div class="container position-relative">
    <div class="row">
        <div class="position-absolute text-justify w-100">
            text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text
            demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo
            text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text
            demo text demo text demo text demo text demo text demo text demo text demo text demo text demo text demo
            text demo text demo text demo
        </div>
    </div>
</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章