TA貢獻(xiàn)1817條經(jīng)驗(yàn) 獲得超14個(gè)贊
我試圖在CSS中將div設(shè)置為某個(gè)百分比高度
什么的百分比？
要設(shè)置百分比高度，其父元素（*）必須具有顯式高度。這是相當(dāng)不言而喻的，因?yàn)槿绻銓⒏叨缺３譃楦叨?code>auto，則該塊將采用其內(nèi)容的高度...但是如果內(nèi)容本身具有以父母的百分比表示的高度，那么您自己做了一點(diǎn)Catch 22.瀏覽器放棄并僅使用內(nèi)容高度。
因此div的父級(jí)必須具有顯式height屬性。雖然如果你想要的話，這個(gè)高度也可以是一個(gè)百分比，這只會(huì)將問題提升到一個(gè)新的水平。
如果你想讓div高度占視口高度的百分比，div的每個(gè)祖先，包括<html>和<body>必須有height: 100%，所以有一個(gè)明確的百分比高度鏈到div。
（*：或者，如果div被定位，'包含塊'，也是最近的祖先也被定位。）
或者，所有現(xiàn)代瀏覽器和IE> = 9都支持相對(duì)于視口高度（vh）和視口寬度（vw）的新CSS單位：
div {
height:100vh; }在這里看到更多的信息。
TA貢獻(xiàn)1830條經(jīng)驗(yàn) 獲得超3個(gè)贊
你可以用100vw / 100vh。CSS3為我們提供了視口相對(duì)單元。100vw表示100％的視口寬度。100vh; 100％的高度。
<div style="display:flex; justify-content: space-between;background-color: lightyellow; width:100%; height:85vh"> <div style="width:70%; height: 100%; border: 2px dashed red"></div> <div style="width:30%; height: 100%; border: 2px dashed red"></div> </div>
舉報(bào)