Le dessus positionné relativement ne fonctionne pas comme prévu

Question

Pourquoi l'attribut supérieur de ne fonctionne pas lorsque la balise > est du même niveau que 的 top 属性不起作用，当标签 与

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

, mais si je supprime la balise

et que cela fonctionne.

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="">

🎜

Answer 1

http://jsfiddle.net/9bxwxfe2/

Ajouter à l'image en utilisant le paramètre position:relative; 的容器 div，然后将 position:absolute;.