搜索

首页  >  问答  >  正文

相对位置的顶部未按预期工作

为什么 的 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="">


P粉566048790P粉566048790500 天前672

全部回复(1)我来回复

  • P粉521013123

    P粉5210131232023-10-30 11:16:49

    http://jsfiddle.net/9bxwxfe2/

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

    回复
    0
  • 取消回复