HTML – 如何摆脱页面边缘的空白？

发布时间：2020-12-14 22:43:50 所属栏目：资源来源：网络整理

导读：我已经为身体和两个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; marg

我已经为身体和两个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;
}


                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!