我已经为身体和两个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.这是非常基本的.
正如我所说,我不知道为什么会这样做.我确定我犯了一个错误,我仍然是CSS和HTML的初学者.
最佳答案
添加以下CSS边距重置：
html,body {
margin: 0;
}
下面的代码段：
html,body {
margin: 0;
}
#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;
}