2012-04-10 26 views
0

私はそれを簡潔に保つつもりです。私はdiv要素の高さを100%にしようとしています。すべての親要素は100%の高さに設定されているため、問題ではありません。元のコードはここにあります:http://pastebin.com/THK13a2qCSS Div要素の高さの問題

ここに状況/問題の写真があります。暗い灰色の背景(id = "content")は、高さが100%になっています。 http://i.imgur.com/kOK9H.png

+2

あなたが何をしたいのかに応じて、それは「最小高さ」を作ること、または「オーバーフロー:隠し」を何かに追加することの問題です。 – mikevoermans

+0

あなたはあなたが描きたいものを描くことができますか? – Ray

+0

ええ、申し訳ありませんが、元のものは全く明確ではなかった。ここ(http://cl.ly/1i201F0A0L2s3l2m3e0e)は私が欲しい/必要としているものです。右側のdivが行う限り、より暗い灰色の「背景」divが必要です。右側のdivは、コンテンツ量が可変なので、可変の高さを持つ必要があります。したがって、背景もそうです。 – natosennimi

答えて

0

#rightfeedのフロートと関係があると思います。これをclear: bothに設定するか、divの直後にclear: bothを適用して追加する必要があります。

これでうまくいかない場合は、jsfiddleを作成して遊んでください。

+0

ありがとうございます。あなたのフロートのコメントは私を正しい道で始めることになった。 1つのdivは左側に、もう1つは右側にフローティングされていました。右側の浮動小数点数を変更し、親 "content" divの "height:100%"を削除すると、すべてが収まった。すべての助けに感謝します。 – natosennimi

+0

問題ありません:)。それがうまくいけば、答えとしてマークしてください。浮動小数点とクリアは常に私をキャッチしているので、私は絶対に必要でない限り、それらを使うのをやめようとしますが、避けられないことが時々あります。 – ClarkeyBoy

0

mikevoermansが指摘したように、あなたのCSSファイル

#content { 
    overflow: hidden; 
} 

に追加します。

+0

これは単に右側のdivの残りの部分を切り捨て、このように見えるようにします(http://cl.ly/2A2Q2q1Z1Z0G452o470n)。私は右側のdivと一緒にページを続けていくために "content" divが必要です。 – natosennimi

+0

ああ、私は今参照してください。 #contentについても次を試してください。 #content { margin-bottom:-1000px; パディングボトム:1000px; } オーバーフローを削除します。 – Ray