外側のdivが大きくなると、inner divの高さが伸びる

私は親div内に2つのdivを持っています（下の画像を参照）。「黒い」divの高さが高くなると外側の「赤い」divも変わりますが、「緑の」divも同様に成長させたいのです。これはどのようにCSSで行うことができますか？外側のdivが大きくなると、inner divの高さが伸びる

enter image description here

100のような％の高さ？ –

'height：100％'を試しましたか？または、黒い「div」が成長するにつれて動いていないのでしょうか？ – Biotox

ここやGoogleでCSSの複数列のレイアウトを検索すると、まったく同じことについて多くの質問が出てくるでしょう。 – Ktash

CSSプロパティtable, table-row, and table-cellを使用できます。ブラウザでサポートされているかどうかを確認する必要があります。 http://www.quirksmode.org/css/display.html#table

2012-01-19 22:14:30

D：これは不要ですし、テーブルのレイアウトはひどいです！ –

私はそれを行う別の方法を考えることができないのですか？ 100％divはコンテンツにのみ適合し、兄弟とは展開しません。-S –

HTMLのテーブルベースのレイアウトではなく、CSSのdivに表レイアウトスタイルを適用することについて話しています。それについては何もひどいことはありませんが、それは完全に正当な解決策です。 –

使用height:100%親のdivがstatic（デフォルト）のposition属性を持っているので、それはおそらく動作していないです。親にposition:relativeを適用すると、それはうまくいくはずです。 :)

2012-01-19 22:13:57

助けてくれなかった.... –

答えて