如何使用CSS将div元素移动到另一个元素之上

Question

我真的需要帮助！我在我的网站上有一个评论部分，并一直在努力让我的生活让我的日期和时间低于发布的评论本身。我已经想出如何在html文件中重新排列它，但遗憾的是，似乎无法在我的东西中找到该文件（我使用chrome开发人员来重新排列它）。

我想知道是否有办法使用CSS将日期置于评论下方？我在下面附上了评论部分当前的图片。

非常感谢您提前提出建议！

Answer 1

如果您不想使用HTML重新排列元素，则可以使用CSS轻松完成。我不知道这是否是您正在寻找的解决方案，但您可以相对于评论容器给出位置，然后只将位置元素与日期作为绝对位于底部。

.comment {
    position:relative;
    padding-bottom:20px;
}
.comment .date {
    position:absolute;
    left:0;
    bottom:0;
}

这使得带有日期的元素出现在注释的底部，并且注释容器上的额外填充底部确保日期有足够的空间显示而不会重叠任何注释文本（您可能希望调整该注释文本）根据自己的喜好填充底部值