html中的“position：absolute”是绝对定位，怎么用？

HTML中的“position:absolute”是绝对定位，通常与“top”和“left”属性结合使用。

1.创建一个新的HTML文档，将一个div添加到body标记，然后将另一个div添加到该div。
默认情况下，内部div位于左上角。
外层div：

2.向内部div和外部div添加属性值为“absolute”的“position”属性。
添加属性值为“relative”的“position”属性。
此时，内部div元素将相对于外部div元素进行绝对定位：

3。
设置顶部距离。
内部div的“top”属性和到左侧的距离属性“left”，则内部div将定位在距外部div指定的距离处：

Html中的position：absolute

HTML中的“position:absolute”是绝对定位功能，本身没有视觉效果，需要与“top”、“bottom”、“left”、“right”等属性配合使用才能出现。
首先，打开一个新的HTML文件，让我们设置一个示例：在该文件中，我们插入10个新行，然后定义一个元素。
保存文件后，您将在页面底部的浏览器中看到它。
为了达到绝对位置，我们将改变风格。
向其添加一个类，使用“position:absolute”属性并将位置设置为向上50像素，向左50像素。
保存更改，再次打开浏览器，您会看到该位置现在位于页面顶部，覆盖了之前输入的换行符区域。