相對位置的頂部未按預期工作
P粉566048790
P粉566048790 2023-10-29 21:02:46
0
1
578

為什麼 的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粉566048790
P粉566048790

全部回覆(1)
P粉521013123

http://jsfiddle.net/9bxwxfe2/

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

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!