高さdivが伸びていない

こんにちは私は今かなりの時間Webサイトで作業しています。コードなどを改善しています。小さな画面では、白い背景の高さがコンテンツ。高さdivが伸びていない

設定min-height: 100%;とheight: 100%;は解決していないようですが、多くのコンテンツがフローティングになっている可能性がありますか？

ご提案いただければ幸いです。

出典

2011-01-06 Olical

div.containerには、height: 100%を削除し、overflow: autoを追加します。

出典

2011-01-06 13:04:00 thirtydot

それは、あなたの提案に 'min-height：100％;'を追加した後、ほとんどそれを行いました！ IE 7で作業している「min-height：100％;」を得るための提案はありますか？ – Olical

@ Wolfy87： 'min-height'はIE <7では動作しません。 IE <7は 'min-height'が動作するように' height'を扱うので、これらのブラウザでは単に 'height'を使うだけです。しかしブラウザに応じて 'min-height'または' height'を使うためにはブラウザの検出やハックをする必要があります。 IE6の市場シェアが3％未満であることを考えると、それは価値がないかもしれません。 – Spudley

@ Wolfy87：私が答えていたとき、私はIE6を考慮しませんでした。サイトをIE6で動作させようとしている場合は、[このページ]（http://www.astute.co.uk/buy-electronic-components.htm）にチェックを入れてください。正しく表示されません。 'min-height：100％'が必要ですか？このサイトは私にとってはうまく見えます。 – thirtydot

オーバーフローを配置してみてください。残りのコンテンツの下にクリアしたいコンテナにある

出典

2011-01-06 13:01:10 kieran

しかし 'オーバーフロー：隠された;'、それは錫で言う何あふれたコンテンツを非表示になります。私はこの内容によってプッシュダウンする必要がある、私は明確な修正のラインに沿ってもっと考えていたが、私はまだそれを働かせることはできなかった。 – Olical

オーバーフロー：コンテンツを消去するためにhiddenを使用することもできます.containerと同様に動作します。after {clear：both} http://www.quirksmode.org/css/clearing.html – kieran

私は、それが実際に役立っているのに今働いていても。 – Olical

コンテナから「height：100％」を削除し、フッターから「float：left」を削除し、フッターに「clear：both」を追加します。これにより、コンテナ内のすべてのフロートがクリアされ、ブラウザのサイズに関係なく、コンテナの背景色がページの一番下まで表示されます。

出典

2011-01-06 13:07:51

あなたは次のように、メインdivにinline-blockを使用することができます -

div.container{ 
    display:inline-block; 
}

出典

2014-04-05 07:07:48

高さdivが伸びていない

答えて

関連する問題