我对表演这个代码div
与absolute
位置内div
有container
使用引导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>
但在动作div
与absolute
位置没有表现出真正的container
(秀外container
)。如何解决这个问题?
演示jsfiddle
在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] 删除。
我来说两句