Relativ positioniertes Oberteil funktioniert nicht wie erwartet
P粉566048790
P粉566048790 2023-10-29 21:02:46
0
1
593

Warum das oberste Attribut von nicht funktioniert, wenn das Tag auf der gleichen Ebene wie ist 的 top 属性不起作用,当标签

是同级时,但是如果我删除标签

, aber wenn ich das Tag

entferne und das funktioniert.


html,
body {
  height: 100%;
}

img {
  position: relative;
  top: 40%;
}
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus delectus accusantium nulla eveniet aperiam, quo odit qui voluptas. Illo vel sed ex dolores illum eum architecto a libero atque. Voluptatibus.</p>
<img src="http://lorempixel.com/400/200/" alt="">

🎜
P粉566048790
P粉566048790

Antworte allen(1)
P粉521013123

http://jsfiddle.net/9bxwxfe2/

使用设置为 position:relative; 的容器 div,然后将 position:absolute; 添加到 img。

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage