html - div をブラウザー ビューの下部のすぐ下に配置します

Question

ブラウザの全高を占める別の div のすぐ下に div を配置する最も簡単な方法は何ですか?

アンカー リンク (「会社概要」、「お問い合わせ」など) をクリックすると、ページ内のそのアンカーの位置までスクロールするようにナビゲーションを設定しようとしています。

したがって、基本的に、デフォルトのページが画面の 100% を占め、About Us が 2 番目の 100% を占める、というようになります。

Answer 1

最初にjsfiddleがあります。

基本的に、すべてのdivを絶対配置して、画面全体を占有します

div {
    position:absolute;
    width:100%;
    height:100%;
}

次に、各divを上からフルスクリーンにすることができます

#div1 {
    top:100%;
}

残りの部分には 200%、300% などを使用できます。