0

サイドバーを含む div があります。サイドバーの高さを (親 div の) 100% にしたいと思います。今のところ、それはそれが持っているコンテンツとしてのみ高いです.

#parent {
    height: 100%;
}    
#sidebar {
    height: 100%;
}
4

3 に答える 3

0

これを実現する可能性はたくさんあります。

最も簡単な方法は、 と の高さを に設定する<html>こと<body>です100%。

HTML

<div id=parent>
    <div id=sidebar></div>
</div>​

CSS

html,body{height:100%}
#parent {
    height: 100%;
    background: #222 /* not needed */
}    
#sidebar {
    width: 200px; /* not needed */
    height: 100%;
    background: #444 /* not needed */
}​

デモ

編集

overflow:auto高さのコンテンツも問題を修正します。

デモ

于 2012-08-18T22:12:24.207 に答える
0

高さを 100% に設定すると、何の 100% になりますか? 親は 100% に設定されているかもしれませんが、それはどのくらいの量ですか? html はビューポートの高さに設定されますが、親の div は高さが実数で設定されたものに設定するか、親から継承する必要があります。

于 2012-08-18T22:55:26.847 に答える
0

申し訳ありませんが、100% は幅にのみ適用され、高さには適用されません。代わりに jquery アプローチを試すことができます

html_height = $("#parent").height();
$('#sidebar').height(html_height);

サイドバーにパディング/マージンがない限り、これで高さは問題ないはずです

于 2012-08-18T22:17:32.800 に答える