如何让导航栏跨越100%的页面
如何让导航栏跨越100%的页面
提问于 2020-06-25 02:39:14
这可能是一个非常愚蠢的问题，但我最近又开始将web开发作为一种爱好，我正在尝试创建一个简单的网站来记住我所知道的。
不幸的是，我遇到了一个障碍:我想要一个100%覆盖整个页面的导航栏，但无论我怎么尝试，每一面的边距仍然很小，就像这样：
现在，相关的CSS如下所示：
body {
background-color: beige;
}
.navbar {
background-color: black;
overflow: hidden;
margin: 0 0 1em 0;
float: left;
width: 100%;
display: inline-block;
}
.navbar a {
background-color: #dddddd;
color: black;
float: left;
font-size: 24px;
padding: 16px 16px;
text-decoration: none;
}
.navbar a:hover {
background-color: #777777;
color: white;
}
.navbar a.active {
background-color: coral;
color: white;
}回答 2
Stack Overflow用户
回答已采纳
发布于 2020-06-25 03:04:17
Andrew为您提供了一个很好的答案，但为了不再遇到这种问题，我建议始终将此添加到您的主.css文件中。
* {
margin: 0;
padding: 0;
outline: 0;
box-sizing: border-box;
}否则，只需将其添加到html和body元素。
Stack Overflow用户
发布于 2020-06-25 02:41:38
差距很可能来自您的父body元素。将以下内容添加到CSS中以消除这些差距：
body {
background-color: beige;
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62561952
复制相关文章
相似问题
腾讯云开发者
