我正在制作一个顶部导航,但我不想在正文和 div 元素之间留有空间。
我想看起来像那样。但问题是,我不知道如何“删除”或“删除”正文和 <div>
之间的空间。元素。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> Why Linux is just better than Windows - Ring Tips </title>
<link rel="icon" href="linux.png">
</head>
<body>
<style>
body {
background: #484d49;
padding: 0;
-webkit-font-smoothing: antialised;
}
.topnav {
top: 0;
position: sticky;
background: #a5b0a8;
border: 0.5px solid black;
width: 100%;
height: 100px;
overflow: hidden;
z-index: 2;
}
</style>
<div class="topnav"></div>
</body>
</html>
这就是我所做的,但是如何使用 CSS 或 JavaScript 来删除元素之间的空格。
如果您能提供帮助,那就太好了。
谢谢
环形游戏
最佳答案
您可以通过将正文样式设置为 margin-top:0;
来删除正文的上边距。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> Why Linux is just better than Windows - Ring Tips </title>
<link rel="icon" href="linux.png">
</head>
<body>
<style>
body {
margin-top:0;
background: #484d49;
padding: 0;
-webkit-font-smoothing: antialised;
}
.topnav {
top: 0;
position: sticky;
background: #a5b0a8;
border: 0.5px solid black;
width: 100%;
height: 100px;
overflow: hidden;
z-index: 2;
}
</style>
<div class="topnav"></div>
</body>
</html>
关于javascript - html中如何让body和div元素之间没有空格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63496398/