position不起作用11111

position:absolute是绝对定位，在谁上面绝对定位呢？离得最近的设置了position的父级，你这里的img没有找到设置了position的父级，建议套一层div作为父级，当然你只是学习，body作为父级也没问题，不过得给父级加上position:relative，因为绝对定位看上去是依赖父级定位，你总得先规定好父级的定位对吧。

定位 知识点你需要在复习一下。相对定位 ，绝对定位，固定定位。

相对定位，是相对自己 。
绝对定位是相当于 最近的父级。没有就是相对于html你现在就是html.
固定定位 就是 相当于 浏览器窗口

CSS Position(定位) | 菜鸟教程 CSS Position(定位) position 属性指定了元素的定位类型。 position 属性的五个值： static relative fixed absolute sticky 元素可以使用的顶部，底部，左侧和右侧属性定位。然而，这些属性无法工作，除非是先设定position属性。他们也有不同的工作方式，这取决于定位方法。 static 定位 HTML 元素的默认值，即没有定位，遵循正常的文档流对象。 静态定.. https://www.runoob.com/css/css-positioning.html

还有就是 子绝父相 。就是 子元素相对于父元素的位置

关于CSS中的定位使用子绝父相（子类绝对位置和父类相对位置） - JNovice - 博客园 在网页排版的时候需要手动微调的情况下，可能就能使用到这个技巧 https://www.cnblogs.com/JNovice/p/9536910.html