2017-01-22 76 views
0

爲什麼百分比高度不能正常工作,我將字體設置爲大30px,但是當我將div高度設置爲10%時,它仍然是相同的高度?當調整%時div高度不會調整?

div.ex1 { 
 
    font: 30px arial, sans-serif; 
 
} 
 

 
div { 
 
    height: 10%; 
 
}
<div class="ex1">This is a paragraph. This is a paragraph.</div>

塊元件的高度是假設依賴於內容,因此,如果我設置包含塊的高度說10%的div應該變得更小?

+0

請檢查此鏈接:-http://stackoverflow.com/questions/2920114/how-to-auto-adjust-the-div-height-根據其中的內容 –

回答

0

好好看看吧

當你說10%.. css問10%什麼......父母? OK,然後它看起來在體溫..拿到它的高度..但它沒有定義,這取決於孩子,但孩子想成爲父母的10%......

所以基本上給身體一些高度

body { 
    height: 100vh; 
} 

在這裏閱讀更多https://www.w3.org/TR/CSS2/visudet.html#propdef-height

+0

身高未定義時di v將取決於不是兒童的內容,並且由於我將字體定義爲30px,爲什麼不顯示10%的內容? – cssfan

+0

高度看父母(包含塊),而不是孩子 –