我试图让一个 div 像一个 body 标签一样。我的意思是,如果我有这样的图像样式:
img {
position: absolute;
bottom: 0px;
}
那么它将最终定位在 div 的底部而不是整个页面的底部。有什么办法可以做到这一点吗?我无法阻止 div 内的元素轻易地进行绝对定位(这是我正在为基于网络的游戏开发的游戏引擎的预览窗口,用户可以在其中自定义元素的 CSS)。谢谢。
最佳答案
它位于页面底部的原因是,您当前的代码告诉图像 绝对 到它的父级,在这种情况下,它是您的主要 html,因为没有设置.
因此,通过设置 position: relative
将保存该图像的包含 div 设置为父级。当您这样做时,现在图像将绝对位于包含 div 的父级。
例如;
<div class="img-container">
<img src="blablabla.jpg">
</div>
.img-container {
position: relative;
}
.img-container img {
position: absolute;
bottom: 0px;
}
关于javascript - 有没有办法让 HTML div 像 body 标签一样工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58986065/