当我添加导航栏时，在我的内容下方添加了空格。我该如何删除？

Question

仅创建练习登录页面。一切看起来都很不错，直到我添加了导航栏。一旦添加导航栏，它就会在侧面创建一个滚动条，当您向下滚动时，页面底部会出现空白。我想删除空白和滚动条。这是我的代码，谢谢

（背景图片）https://i.stack.imgur.com/jYNuY.jpg

if v.len() >= 3 {
    if let Token::Type1(value1) = &v[0] {
        if let Token::Type2(value2) = &v[1] {
            if let Token::Type(value3) = &v[2] {
                return Parsed123(value1, value2, value3);
            }
        }
    }
}

body {
	color: white;
	background-image: url("background.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 100vh;
}

.container {
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#title {
	font-family: 'Lora', serif;
	font-size: 3em;
	text-shadow: 2px black;
}

Answer 1

您可以做的是将.fixed-top类添加到导航栏中

<nav class="navbar fixed-top navbar-dark bg-dark">

让我知道这是否对您有帮助！ Here如果要测试，则有一个Codepen。