パーセンテージを使用してheightプロパティを使用しようとしていますが、機能しません。パーセンテージを使用したいので、どんな解像度でもうまく見えます。CSSで高さのパーセンテージが動作しません
<div id="bloque_1" style="height: 80%;background: red">
</div>
どうすればいいですか?
パーセンテージを使用してheightプロパティを使用しようとしていますが、機能しません。パーセンテージを使用したいので、どんな解像度でもうまく見えます。CSSで高さのパーセンテージが動作しません
<div id="bloque_1" style="height: 80%;background: red">
</div>
どうすればいいですか?
あなたがを使用しています210の幅や高さについては、質問する必要がある最初の質問は、80%
何ですか?だから、あなたもそうだから今、あなたのdiv
要素が100%
の80%
になりますあなたのCSSに
html, body {
height: 100%;
}
これを使用する必要がある、あなたのこの要素はbodyタグ内にあると仮定して、親要素に高さを適用する必要があります
側注:あなたがabsolute
位置付け要素を扱っているときにも、あなたがそのような場合には、あなたがする必要があるので、あなたのdiv
は、現在のビューポートの高さを超えないシナリオに遭遇する可能性min-height
私はしばらくの間、私はボディを100%に設定していましたが、htmlではなく、ありがとう! –
bloque_1
以外のものはすべて高さが必要です。または、0の80%が得られます。 body
には100%の高さを適用する必要があります。
ここにはjsfiddleが掲載されています。
HTML
コード - あなたの親要素
<html>
<body>
<div id="bloque_1" style="height:80%;background:red;width:100%;">
</div>
</body>
</html>
CSS
Part-
html, body { height: 100%; width: 100%; margin: 0;background: #3c3c3c }
ワーキングフィドルに100%
高さを適用する - http://jsfiddle.net/SEafD/1/
html,body{
height:100%
}
#bloque_1{
background:red;
height:80%;
}
高さの割合はややずさんされていますが、あなたが主張する場合は、パーセンテージを使用するだけで、コンテナの高さの割合がかかります。 {min-height:100%; }を{body}タグに追加します。 –
min-height doest work =(。私は代わりに高さ:100% – Flezcano
を使用しました。コンテンツの高さが100%を超えて展開する必要があるときに問題が発生します。 –