私はしばらくの間、答えを探していました。答えが見つかるかもしれないと信じていますが、すべての知識を組み合わせて正確なケースに適合させるのに十分なスキルがありません. つまりね:
ヘッダーとコンテンツが中央に配置されたページがあります。中央のコンテンツ div には背景画像があり、すべてのコンテンツは異なる div にあり、ヘッダー メニューをクリックすると表示されます。私の問題は、表示されている div の長さに応じてページ全体の高さを変えたいということです。ただし、大画面の場合は、中央のコンテンツ div の背景画像が常に画面領域全体を垂直方向に埋めるようにするため、大画面で 100% 以上にしたいと考えています。
今のところ解決した方法: 本体の最小高さは 100% で、コンテンツ ラッパーには次の CSS があります。
width: 1159px;
height:100%;
min-height: 2500px;
padding: 0px;
margin-left: auto;
margin-right: auto;
background-image: url('images/bg.jpg');
2500px の値は、おおよそヘッダーの高さと最大の div です。私の問題は、コンテンツの少ない div のページの下部に、小さな画面を使用している場合にスクロール可能な空のスペースがたくさんあることです。
よろしくお願いします!