7

サイドバーとメインコンテンツの 2 つのコンテナを持つ Web サイトで作業しています。問題は、ウィンドウを最小化すると (のみ)、左側のサイドバーが現在の画面サイズに収まり、下にスクロールするとサイドバーが消えることです。これは、コンテンツ コンテナー (右側) がいっぱいになっていない場合にのみ発生します。画面..

このページを最小化してみると、ウィンドウが最小化されているときに下にスクロールすると、左側のサイド バーが消えることがわかります。

より多くのコンテンツを含む良いページを試すことができます.ここですべてがうまくいくことがわかります..

私は試したheight="100%" and width="100%"

4

3 に答える 3

6

わかりました

追加する必要がありました:

min-height: 100%;

体に

と使用

下: 0;

サイドバーに

ご協力いただきありがとうございます :)

于 2013-04-11T12:47:54.660 に答える
1

主な問題は、本文のラッパー要素とサイドバー要素が絶対配置されていることです。したがって、絶対配置された要素はドキュメントの流れから取り出されるため、本文はページ自体のコンテンツのサイズに拡張する方法を知りません。 . この場合、ページのすべてのコンテンツをドキュメント フローから除外しました。

したがって、body 要素に高さまたは min-height を設定しても機能しません。ビューポートの高さだけが使用され、他には何も使用されないためです。絶対配置された子コンテナは、ビューポートの高さも引き継ぎます。

スクロールは、絶対配置された子のいずれかからコンテンツがあふれているというメリットで、まだ可能です。

height: autosidebar 要素で設定を試すことができます。または、ラッパーとサイドバーをフロートする必要があります (絶対位置を削除します)。これにより、少なくともコンテンツがドキュメント フローに戻され、ブラウザーが実際の 100% の高さを計算できるようになります :)

確かにポジショニングは少しトリッキーな問題だと認めざるを得ません。

于 2013-04-08T13:51:40.240 に答える
0

コンテナはdivだと思いますか?

幅は 100% である必要がありますが、高さについては、次を試してくださいline-height:100%

于 2013-04-08T13:48:54.540 に答える