2017-01-22 20 views
0

divの高さがパーセンテージで機能しないのはなぜですか?私はフォントを大きな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が小さくなる必要がありますか?あなたは10%... CSSは何...親の10%を要求すると言うとき

+0

は、このリンクを確認してくださいここで続きを読む:-http://stackoverflow.com/questions/2920114/how-to-auto-adjust-the-div-height-内容に応じて –

答えて

0

もそれでこのよう

を見て? OK それはとても基本的に身体にいくつかの高さ

を与え、その高さを得るために...身体を見て..しかし、それは定義されており、それが子供に依存していないが、子は親の10%になりたい...

body { 
    height: 100vh; 
} 

よう

https://www.w3.org/TR/CSS2/visudet.html#propdef-height

+0

体高が定義されていないときdi vは子どもではなく内容に依存します。なぜなら、30pxのフォントを定義して以来、なぜコンテンツの10%を表示していないのですか? – cssfan

+0

高さは親(ブロックを含む)であり、子ではありません。 –

関連する問題