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

时间:2016-10-14 02:20:49

标签: html css layout padding

所以,我在从这个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;
}

提前致谢

2 个答案:

答案 0 :(得分:0)

#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;
}

答案 1 :(得分:0)

您的代码段中没有HTML,但假设您将导航编码为列表,则需要在UL和/或LI上填充/填充0。