0

これは私が参照しているページです: http://searchleaf.com/v2/search_2.php

ページの中央に「コンテンツ」div であるフローティング div があります。その中に 3 つの div、私の 'contentboxes' が並んでいて、それぞれがスペースの 33% を占めています。

最初のコンテンツ ボックスから検索すると、いくつかの結果が返され、2 番目のコンテンツ ボックスが表示されます。そこから、単語をクリックすると、3 番目のコンテンツ ボックスが表示され、さらに情報が表示されます。

私の問題は、ページが縮小されている場合、または 1 つの単語に多くの情報がある場合に、2 番目と 3 番目のボックスがメインのコンテンツ ボックスからはみ出すことがあります。CSS のオーバーフロー プロパティを確認しましたが、思いどおりに取得できないようです。メインのコンテンツ ボックスからはみ出してはいけません。

メイン コンテンツ ボックスでオーバーフローを auto に設定するとどうなるか: スクロール バーが表示され、コンテンツ領域全体をスクロールします。

私がしたいこと:スクロールバーは、必要に応じて各conentboxに与えられます。

これは私の問題の簡単なhtmlレイアウトの例です。これは簡単かもしれません:

http://searchleaf.com/v2/layout.html

.content でオーバーフロー プロパティが auto に変更された場合。全体がスクロールします。3番目のボックスだけをスクロールするにはどうすればよいですか?

ありがとう、ブライス

4

2 に答える 2

1

あなたの問題は、内部 div の幅が 33.3% であり、幅に追加される太い境界線とパディングもある可能性があります (したがって、結果の幅はコンテナーの 33.3% + 境界線内のピクセル + 15px のパディング (両側)。

これらの div に内部 div を追加し、境界線とパディングを内部 div に配置してみてください。それが理にかなっている場合は、親 div に width:33.3% のみを残します。

于 2012-06-04T20:40:25.577 に答える
0

メインコンテナに固定幅を与え、オーバーフローを非表示に設定してから、内側の div を固定の高さに設定し、overflow-y をスクロールに設定してみてください。

于 2012-06-04T20:41:02.840 に答える