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

概述我已经为身体和两个div设置了边框,填充和边距为0px.但我似乎还是无法摆脱这种差距.#body{ padding: 0px ; border:0px ; margin:0px; width:100%; height:100vh; } #mainPage { height:100vh; width:100%; background-color: #

我已经为身体和两个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;}
          总结       
以上是内存溢出为你收集整理的HTML  – 如何摆脱页面边缘的空白？全部内容，希望文章能够帮你解决HTML  – 如何摆脱页面边缘的空白？所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
					
										


					

						
欢迎分享，转载请注明来源：内存溢出
原文地址: http://outofmemory.cn/web/1120075.html