国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS百分比定義高度為什么沒有效果

2024-07-11 08:53:19
字體：大 中 小
來源：轉載
供稿：網友
當我們給塊級元素設置響應式高度的時候，例如給div設置height=50%，往往沒能看到效果。

原因是百分比的大小是相對其父級元素寬高的大小，如最外層元素設置的百分比是對應屏幕而言的。

需要了解的是對于寬度來說，其父級元素無須確定寬度就能設置百分比，例如我們可以利用這個特性給未知寬度的塊級元素設置水平居中效果：

父元素css： position: relative/absolute; left: 50%;

子元素css： position: relative; left: -50%;

但高度則不同，若某元素的父元素沒有確定高度，則無法有效使用height=XX%的樣式，我們可以這樣解決（假設最外層的div需要設置百分比高度樣式）：

復制代碼

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 涞源县| 定襄县| 安塞县| 芦溪县| 高阳县| 固阳县| 齐齐哈尔市| 城固县| 定结县| 泽普县| 株洲市| 专栏| 工布江达县| 临湘市| 吉林市| 大同市| 阜新| 汉源县| 普格县| 凤翔县| 华宁县| 周宁县| 洛浦县| 新昌县| 梧州市| 尚志市| 黄冈市| 金沙县| 高雄县| 鄂托克旗| 临桂县| 丹寨县| 祥云县| 苍梧县| 长岛县| 河北省| 金阳县| 灵璧县| 五大连池市| 肃宁县| 资溪县|