0

メインのdiv「コンテンツ」があります。その中には別の div "projectlist" があり、その中には他のページにリンクするための画像スプライトとして使用しているいくつかのサムネイル サイズの div があります。ただし、「コンテンツ」div は、サムネイル div をたくさん追加すると、高さを大きくしたくないようです。

ここに、私が何を扱っているかを確認するためのテスト ページがあります: http://willryan.us/test/content/design.html

最初のいくつかのサムネイルにカーソルを合わせると、青いオーバーレイが表示されます (これまでのところ、ホバーが表示されているのはごくわずかで、重複しているだけです)。画像スプライトを介してすべてのサムネイルでこれを取得しようとしています。そのため、各画像を div でラップしました。

しかし、「コンテンツ」の div は、サムネイルが 4 行に達すると大きくなりません。写真ページに移動すると、コンテンツ div が正しく動作していることがわかります (画像が増えると高くなります)。

写真ページのサムネイルに div を使用していないため、問題はデザイン ページの小さな div にあると想定しています。

どうすればこれを修正できますか?

4

2 に答える 2

2

#content に overflow:auto を設定すると、それが整理されます。

于 2012-07-30T22:05:12.257 に答える
1

You can set the style of paragraph at the end of the div to clear: both; or you can add a to end of the div, and in your stylesheet set .clear{ clear: both;}

http://jsfiddle.net/rsoneill21/4YuhU/1/

于 2012-07-31T00:37:52.570 に答える