静的な（スクロールしない）ウェブページを作成する

Question

私は画面上で利用可能な幅と高さをすべて取る静的なホームページを作成したいと思っています。基本的に私は両方のhtmlとbodyからheight: 100%を設定しようとしましたが、私は、ナビゲーションバーを持っているとして、それはスクローラを作成し、このhttps://getuikit.com/またはhttp://underco.fr/

ように。

どうすればいいですか？

Answer 1

これを実現する方法はいくつかあります。パディングと余白を0に設定し、高さが の場合はvhを使用するか、またはこれを行うことができます。

body { 
    position: absolute; 
    margin: 0px; 
    overflow: hidden; 
    top: 0px; 
    bottom: 0px; 
    width: 100%; 
}