时间戳

首页 > 解决方案 > 有没有办法让 HTML div 像 body 标签一样？

javascript - 有没有办法让 HTML div 像 body 标签一样？

问题描述

我试图让一个 div 像一个身体标签。我的意思是，如果我有这样的图像：

img {
    position: absolute;
    bottom: 0px;
}

那么它最终会被定位在 div 的底部而不是整个页面的底部。有什么办法可以做到这一点吗？我无法阻止 div 内的元素轻松进行绝对定位（这是我正在为基于 Web 的游戏开发的游戏引擎的预览窗口，用户可以自定义元素的 CSS）。谢谢你。

标签： javascripthtmlcss

解决方案

它位于页面底部的原因是，您当前的代码告诉图像绝对位于其 parent ，在这种情况下，它是您的主 html，因为没有设置。

因此，通过设置将包含该图像的包含 div 设置为父级position: relative。当你这样做时，现在图像将绝对位于包含 div 的父级。

例如;

<div class="img-container">
 <img src="blablabla.jpg">
</div>

.img-container {
 position: relative;
}

.img-container img {
  position: absolute;
  bottom: 0px;
}

推荐阅读