コンテンツエリアの右側にサイドバーがあるレイアウトがあります。CSSコンテナの高さ
サイドバーにコンテナ(#content)の高さが100%表示されている必要がありますが、このコンテンツ領域には何もないため、サイドバーが表示されません。
何か助けていただければ幸いです。それはhtml
要素からサイズを継承しているので、あなたがそれを取り巻くすべての要素のheight: 100%
使用している http://jsfiddle.net/tomperkins/G4f6u/
コンテンツエリアの右側にサイドバーがあるレイアウトがあります。CSSコンテナの高さ
サイドバーにコンテナ(#content)の高さが100%表示されている必要がありますが、このコンテンツ領域には何もないため、サイドバーが表示されません。
何か助けていただければ幸いです。それはhtml
要素からサイズを継承しているので、あなたがそれを取り巻くすべての要素のheight: 100%
使用している http://jsfiddle.net/tomperkins/G4f6u/
:事前に
おかげで、
トムは
は、ここに私のコードです。サイズが指定されていないので、どちらの子もそれに頼っていません。
使用このhtml
とbody
要素が窓を埋めるようにするには:
html, body { height: 100%; }
私はサイドバーの位置を扱ういくつかの変更作られた - 私は絶対に変更しているので分の高さを追加しましたその内容が空であればそれはまだ見えるでしょう。
これはあなたが探していたものであるかどうかわからない - しかし、それは役立つかもしれません。ここでは素人からの答えは
は(PX)でご.contentに静的な高さを設定して、サイドバー
が表示されます。問題は、あなたが両方浮かべている2つの子<div>
秒を持っているということですそれらが文書の通常の流れの外側にあることを意味する。これにより、親の高さの計算から除外されます(この場合、クラス "content"を持つ<div>
)。
"clear:both"
の2つの浮動小数点の後に<div>
を追加して修正することができます(私はそう考えています)。これは、ページに非意味的マークアップを追加するので、この特定の問題を修正する "最良の"方法ではありませんが、理解して実装するのはかなり簡単です。乾杯!
編集:Container div ignores height of floated elementsを参照し、回答のリンクをたどって詳細を確認してください。
どこでも#content divが表示されません.contentクラスを意味するのでしょうか? – jondavidjohn
このようなことがあると、テーブルに戻ってしまうことがあります。そしてmin-heightはIEの一部のバージョンではサポートされていません。 – Teson