av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

css3 - 自適應高度問題

瀏覽:116日期:2023-06-26 18:33:08

問題描述

如何在父級p高度是auto的情況下,子級p為父級p的一半,子級p里面有個圖片高度為60(圖片自己的高度,并沒有給圖片高度)。有沒有實現的可能

問題解答

回答1:

確實描述不清,我想改問題但又怕不是題主想問的問題。試著答一下。

首先你要知道,auto、50%、em這樣的關鍵字或相對單位長度是要計算成確切的值(如px)。如果父元素的高度是auto,那么他是根據子元素的高度計算的。

根據題主描述,最容易想到的是:

<p style='height:auto'> <p style='height:50%'></p></p>

你可以試下,這樣不管用,為什么呢?#p1的高度是是根據#p2的高度計算的。而#p2的高度是#p1的一半。這就產生了相互依賴。

而CSS中的相對單位都是根據父元素計算的,em除外,但在這里用不上。

解決方法

如果你的圖片是確定的高度,那么設置為#p2設置確定的padding-top是最簡單的辦法

如果圖片的高度不是確定的,用JS吧。

回答2:

問題描述的稍微有點亂、可以編輯一下問題重新說明清楚嗎、還有是用JS實現還是只能用CSS

回答3:

以CSS來說,高度auto是由內容撐起的,父與子元素都沒有設置高度,那實際高度就只有那張圖片而已

回答4:

總感覺怪怪的!要實現的話通過js獲取子級p的高度h,再設置父p的高度為h*2

(父auto,子級p中只有一張圖片,子p的高度也就都是圖片高度,直接設置父高120)

回答5:

不可能,只有不是auto時子才能根據父調整大小

回答6:

你這不是雞生蛋還蛋生雞的問題么

回答7:

都沒高度的話,子p就是圖片高度

回答8:

可以通過js先獲取圖片的高度,再設置子p和父p的高度

標簽: CSS
相關文章:
主站蜘蛛池模板: 黑人巨大精品 | 热re99久久精品国99热观看 | 亚洲一区二区av | 91精品久久久久久久久中文字幕 | 成人3d动漫一区二区三区91 | 久久久国产一区二区三区 | 久久久www成人免费精品 | 午夜欧美一区二区三区在线播放 | 午夜天堂精品久久久久 | 亚洲成人网在线观看 | 91青青草视频 | 精品久久久久久久 | 国产精品不卡一区 | 亚洲日韩欧美一区二区在线 | 精品一区二区三区中文字幕 | 日韩成人性视频 | 欧美日韩成人一区二区 | 欧洲亚洲一区 | 亚洲精品视频免费观看 | 欧美精品在线一区 | 粉嫩一区二区三区性色av | av一区二区三区四区 | 欧美激情综合 | 亚洲精品在线观 | 亚洲精品乱码久久久久久蜜桃91 | 亚洲小视频在线观看 | 久草电影网 | 亚洲天堂一区 | 九九久久久久久 | 国产一卡二卡三卡 | 国产中文字幕在线观看 | 国产一级毛片精品完整视频版 | 激情的网站 | 免费久久视频 | 视频一区二区三区中文字幕 | 精品国产1区2区3区 一区二区手机在线 | 国产美女免费视频 | 成人永久免费视频 | 亚洲一区中文字幕在线观看 | 亚洲精品18 | 国产精品一区二区av |