2009-07-28 10 views
2

私は、オーバーフロー:可視に設定されているページの上部に1つのdiv要素を持っています。そのすぐ下に、私はページの内容を持っています。オーバーフローをクリアする方法:可視要素?

審美的な理由からトップdivを展開したくないのですが、ブロック要素と同じように上からオーバーフローを処理するために、以下のコンテンツを「クリア」することができます。

私はCSSについてよく知っていますが、オーバーフローには当てはまりません。

これを行う正しい方法はありますか?

答えて

2

overflow:visibleはデフォルトであるため、実際には問題とは関係ありません。

トップdivの高さを設定し、内部にもう1つのフローティングdivを配置します。フローティングdivは上部divの外側に展開され、clearスタイルを使用して下に移動できます。

+0

を解決する必要があり

overflow: auto; 

を試してみますので、実際には、トップのdivの底から溢れ浮いのdivを経由して、トップのdivにコンテンツを置く意味?クールで興味深いです...構造的には健全ですか? – johnnietheblack

+0

はい、浮動小数点要素は親要素のサイズには影響しません。そのため、浮動小数点数はその外側で浮動小数点数になります。これが起こらないようにするには、一般に、決済部門を使用します。ページに適切なdoctypeが必要なので、IEはページを標準準拠のモードでレンダリングするか、親要素を浮動小数点を含むように展開します。 – Guffa

+0

ここで何か考慮すべき点はありますか?それは私のためには機能しません(Firefox 21、Opera 12.12、Chrome 26)。 'クリア'スタイルは、あふれたフロートによって全く感動的ではありません。それはまだ上の 'div'の一番下に置かれています。 –

0

は、div要素を拡大していきますし、あなたの問題

関連する問題