0

これは私のシナリオです:

固定位置の DIV 要素があります (「ラップ」と呼びましょう)。ウィンドウの端から 100px の余白をはみ出してはなりません。

この div 内には、他の 3 つの DIV ('first'、'second'、および 'third') があります。

「3 番目の」DIV のみが固定の高さを持ち、常に含まれる「ラップ」DIV の下部に配置する必要があります。

問題は、「ラップ」DIV が画面の可能な限り少ない高さを占めるようにすることです。「first」と「second」が完全に表示されている場合は高さを縮小し、表示されていない場合は「second」をスクロールします。

説明が難しいと思いますので、ご理解いただけると幸いです。説明が必要な場合は何でもお尋ねください。

分岐して遊ぶことができるCodePenでペンを作成しました。

JS なしでこれを達成することはできません。

私はあなたの助けに本当に感謝します...ありがとう。

4

1 に答える 1

1

スタイル シートで@mediaを使用して、さまざまな画面サイズのカスタム スタイルを作成できます。

@media screen and (max-width: 800px) {
  #wrapper {
    width: 90%;
    min-width: 0;
  }
  #column-main {
    margin-left: 0;
  }
  #column-sidebar {
    width: auto;
    float: none;
  }
}

より良い説明については、こちらをご覧ください。

于 2013-05-09T14:19:51.540 に答える