我已经将主体和两个 div 的边框、内边距和边距设置为 0px。但我似乎仍然无法摆脱差距。
#body{
padding: 0px ;
border:0px ;
margin:0px;
width:100%;
height:100vh;
}
#mainPage {
height:100vh;
width:100%;
background-color: #2469ff;
padding: 0px;
border:0px;
margin:0px;
}
#navBar{
height:70px;
width:100%;
Background-color: #1f1f1f;
padding: 0px ;
border:0px ;
margin:0px;
}
到目前为止,这就是我的全部 CSS 内容。
这是我的 HTML。目前这是非常基本的。
<html>
<head>
<title>
Ice Arena
</title>
</head>
<body>
<div id="mainPage">
<div id="navBar">
</div>
<div id="leftPanel">
</div>
</div>
</body>
</html>
正如我所说,我不知道为什么要这样做。我确信我犯了一个错误,我还是 CSS 和 HTML 的初学者。
使用以下命令删除默认边距body
:
html,
body {
margin: 0;
}
我强烈建议您阅读以下内容:
HTML 元素的默认 CSS 值 https://www.w3schools.com/cssref/css_default_values.asp
默认 CSS 值body
[显示:块;边距:8px;]
#body {
padding: 0px;
border: 0px;
margin: 0px;
width: 100%;
height: 100vh;
}
#mainPage {
height: 100vh;
width: 100%;
background-color: #2469ff;
padding: 0px;
border: 0px;
margin: 0px;
}
#navBar {
height: 70px;
width: 100%;
Background-color: #1f1f1f;
padding: 0px;
border: 0px;
margin: 0px;
}
html,
body {
margin: 0;
}
<html>
<head>
<title>
Ice Arena
</title>
</head>
<body>
<div id="mainPage">
<div id="navBar">
</div>
<div id="leftPanel">
</div>
</div>
</body>
</html>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)