如何在页面上的其他元素上放置div元素？

Question

如何在网页的任何位置放置div？我正在尝试将其视为一个弹出框。以下是使用以下代码时发生的情况：

<div style="width: 100px;padding: 5px; background-color: #CCCCCC;top: 73px; left: 0px">TEST</div>

Answer 1

使用绝对定位：

style="position:absolute; top:10px; left:10px"

top和left是div左上边缘的x，y坐标。

Answer 2

将身体position: relative和div position: absolute

给予身体

这样，div可以使用顶部和左侧属性定位在相对于主体的任何位置。

在这些情况下，在头部或外部文件中使用css更有意义。

Answer 3

您需要将position: absolute应用于div元素的CSS。

Answer 4

您需要了解有关CSS Positioning的更多信息。

根据您的需要，您可以使用position:absolute;或position:fixed;。

Answer 5

位置：绝对;当用户在页面上向下滚动时，将无法按预期工作。您还需要查看position：fixed，它将相对于“viewport”（浏览器窗口，无论用户在哪里滚动）定位元素。