6

注: 私はまだ CSS と HTML を学んでいるので、この質問が「つまらない」と思われる場合は、それが原因です。例、または私の質問に合わせた記事を提供できれば、それは素晴らしいことです.

2 つの div (「左」と「右」) を含む div (「背景」) を作成しました。

「左」と「右」の div のコンテンツの量に基づいて、「背景」の div の高さを拡大または縮小したいと思います。

#background {
width:100%;
height:15em;
background-color:#FFF;
box-shadow: 0 0 5px #888;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
clear:both;
}

現在、「背景」の div の高さを 15em に設定しています。これを拡大または縮小する方法がわからないためです。「100％」と「自動」に設定してみましたが、「背景」のdivが消えてしまいます。

これが私のHTMLとCSSコード全体です：http://jsfiddle.net/jueRh/

4

2 に答える 2

4

宣言を設定overflow: hidden;し#backgroundて削除します。height:15em;

デモ: http://jsfiddle.net/sonic1980/jueRh/1/

于 2012-12-06T20:18:53.507 に答える
1

コンテナーを値divなしのままにしておくheightと、コンテナーはそのコンテンツに対して拡張可能なコンテナーになります。

特定の高さを維持したいdivが、オーバーフローしたコンテンツを拡張したい場合は、 を使用できますmin-height。min-heightまた、このリンクに記載されている同等以上のブラウザーでのみサポートされていることにも注意してください。

編集:ただし、コンテナ内でfloatedを使用する場合は、適切なレンダリングのためにフロートが必要になります。代わりに使用することもできます。これはingをスキップできますが、これもサポートが制限されています。divcleardisplay:inline-blockfloatclear

于 2012-12-06T20:14:17.160 に答える