如何删除 div 内和 div 之间的空格答案

【问题标题】：How to remove whitespace inside a div and between divs如何删除 div 内和 div 之间的空格
【发布时间】：2017-02-23 08:08:28
【问题描述】：

所以，我在从这个 div 中删除空格时遇到了很大的问题。块内部看起来像左侧和顶部填充，块外部也有顶部边距。

我正在弄乱的块是有边框的。

The Layout

我已经尝试将块的填充和边距设置为 0，但这并没有改变。

CSS 代码：

#header{
	color:white;
	background-color:#009933;
	font-weight:bold;
	max-width:1024px;
	height:100px;
	padding-right:30px;
	font-size:150%;
}
#footer{
	color:white;
	background-color:#009933;
	text-align:center;
	font-weight:bold;
	max-width:1024px;
	height:60px;
	padding:10px;
}
#text{
	display:inline-block;
	color:solid black;
	background-color:white;
	font-weight:bold;
	max-width:700px;
	margin-left:100px;	
}
#navigation{
	color:#009933;
	background-color:white;
	font-weight:bold;
    max-width:224px;
    float:left;
    border:1px solid black;
}

提前致谢

【问题讨论】：

你具体指的是图片中的哪个div？
这是一个列表吗？如果是这样，则该间距可能来自<ul> 元素附带的默认边距和填充。在您的列表元素上设置margin: 0; padding: 0;。如果您包含您的 HTML，将会很有帮助。
嘿@imajhu，这是一个列表。我听从了您的建议，并且能够删除页面左侧无序列表之间的空格。但不幸的是，我无法删除 div 和标题之间的空格。
也分享你的html代码。

标签： html css layout padding

【解决方案1】：

#header{
    float:left;
    margin:0;
	color:white;
	background-color:#009933;
	font-weight:bold;
	max-width:1024px;
	height:100px;
	padding-right:30px;
	font-size:150%;
}
#footer{
    float:left;
    margin:0;
	color:white;
	background-color:#009933;
	text-align:center;
	font-weight:bold;
	max-width:1024px;
	height:60px;
	padding:10px;
}
#text{
	display:inline-block;
	color:solid black;
	background-color:white;
	font-weight:bold;
	max-width:700px;
	margin-left:100px;	
}
#navigation{
	color:#009933;
	background-color:white;
	font-weight:bold;
    max-width:224px;
    float:left;
    border:1px solid black;
}

【讨论】：

【解决方案2】：

您的 sn-p 中没有 HTML，但假设您将导航编码为列表，您需要在 UL 和/或 LI 上放置 0 的填充/边距。

【讨论】：