私は 3 つのコンポーネント、 a 、および#parentその子の 2つと を持っています。#top#bottom
#parent固定サイズではありません。
#topフローティングされた子があり、サイズが固定されていません (子のサイズは変更できます)。フローティングの子のために高さを修正するには、これを使用します。
#top:after {
content: " ";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#bottom親の残りの高さを取りたいのですがheight:100%、普通に使うと の高さと同じサイズでオーバーフローしてしまいます#top。
私も人々が使用しているのを見てきoverflow:none;ましたが、これにより私のコンテンツの一部が#bottom途切れてしまいます.
の残りの高さをどのように#bottom取ることができ#parentますか?
編集: 問題を示すために jFiddle を作成しました。また、IE 7 までサポートする必要があります。私は Javascript/jQuery を使用することにオープンです。