创建静态（无滚动）网页

Question

我想创建一个静态主页（因此，没有滚动），它将占用屏幕上可用的所有宽度和高度。像这样https://getuikit.com/或http://underco.fr/

基本上我已尝试将height: 100%设置为html和body，但由于我有导航栏，因此会创建一个滚动条。

我怎么能这样做？

Answer 1

有几种方法可以实现这一目标。我建议你将填充和边距设置为0并使用vh作为高度 或者你可以这样做：

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