0

私のコードは以下の通りです:

<div id="frame1" style="overflow-y: auto;overflow-x: auto;width:87.5%;height:100%;" >

content

</div>

ここでは、スクロール可能な div として動作する div を宣言しましたが、ウィンドウのサイズ変更に従ってサイズ変更しません。

同じ行で、ウィンドウのサイズが変更されて div が最終的にタッチされたときに、ラップする必要はなく、代わりに水平スクロールと垂直スクロールを有効にする必要がある状況があります。

助けてください...

4

2 に答える 2

0

ここで何をしようとしているのかよくわかりません。2 つの div が隣り合っており、両方のスペースが小さすぎる場合に、そのうちの 1 つがスクロールを開始するようにしたいと思います。他の div の幅がわかっている場合right: *div width*は、幅が 100% に設定されているときに、「フレーム 1」の div が残りのスペースを埋めるようにすることができます。次に、この div のコンテンツがその div に対して大きすぎる場合、スクロール バーが表示されます。上、右、下、または左のCSS値に影響を与えるには、位置の値を静的以外に設定する必要があることは明らかです。

私は最近、3 つの固定 div を持つサイトでこれに似たものを使用しました。ヘッダー、フッター、メイン コンテンツ。コンテンツでは、上部をヘッダーの高さに設定し、下部をフッターの高さに設定し、高さの値を 100% に設定しました。これにより、コンテンツがヘッダーとフッターの間のスペースを埋めます。次に、コンテンツのoverflow-y値をスクロールに設定して、垂直スクロールバーが常に表示されるようにしますが、ヘッダーとフッターがスクロールしないため、特にWebkitスクロールバーでは非常に優れた効果が得られるため、コンテンツのみに表示されます.

繰り返しますが、それがあなたの求めていたものであったかどうかはよくわかりません。ここのサイトへの一時的なリンク(resolution-gaming.comuf.com)。

于 2012-06-03T04:10:02.647 に答える
0
<div id="frame1" style="display:block; width: 87.5%">

content

</div>

高さはコンテンツに応じて増加します

于 2011-02-21T05:31:01.307 に答える