相對位置的頂部未按預期工作

Question

為什麼 的top 屬性不起作用，當標籤 與

是同級時，但是如果我刪除標籤

，這個有效。

#

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/

使用設定為 position:relative; 的容器 div，然後將 position:absolute; 新增到 img。