Css文本在图像上的相对定位

Question

我正在学习CSS并查看此示例：

https://www.w3schools.com/css/tryit.asp?filename=trycss_image_text_center

我不明白为什么当我删除＆＃34; position：relative＆＃34;对于父div，它会影响文本内部。

据我所知，位置相对使你应用它的html元素相对于它的原始位置。但是在这里他们没有设置任何属性，除了位置相对，所以为什么需要呢？

Answer 1

因为，center div的位置为absolute，整个屏幕为left: 0和top: 50%，除非您将其置于父级内相对位置，它变为该父级的left: 0和top: 50%

Answer 2

.container div 是 .center div 的第一个父级，第二个父级是body标记，然后是html标记。具有相对位置的标记将成为具有绝对位置的 .center div 的父级。

Answer 3

相对位置将根据其父元素让文本位置。在这种情况下，为了相对于父div或元素定位它，它是图像。你需要它通过那个css标签位置相对定位，值为相对值。