html布局中怎么会出现一条空隙
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#menu {background-color:#ffff99;height:200px; float:left;width:100px;
margin-top:0px;
}
h2 {margin-bottom:0px; font-size:14px;}
#container{
width:500px;
}
h1{margin-bottom:0px;
text-decoration:0px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:40px;
color:#90DA11;
}
#content{
float:right;
background-color:#6FF;
width:400px;
height:200px;
}
#footer{
background-color:#6F3;
clear:both;
text-align:center;
}
p{line-height:0px;
margin-top:5px;
text-indent:20px;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
}
#header{
margin-bottom:0px;
}
</style>
</head>
<body>
<div id = "container">
<div id="header">
<h1>智慧教室</h1>
<p>Smart Classroom</p>
</div>
<div id="menu">
<h2>Menu</h2>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
</div>
<div id="content" >
</div>
<div id="footer">
Copyright W3School.com.cn
</div>
</div>
</body>
</html>
HTML中有缝隙出现的原因有很多：
表格：有表格空间，因此在不需要它们之间有缝隙的时候最好加上一句{border-spacing: 0;}；
浏览器自带的外边距、内边距。因为不同的浏览器，这个属性默认的可能不同，因此，在编写样式之前，加上*{padding：0；margin:0;},清楚浏览器之间的差异；
布局错误，比如：
用了浮动却没有清除浮动，父级因此脱离文档流，布局错乱也有可能出现空隙；
多余的标签，不需要这个标签却又在布局中添加了，并且这个标签有了一些样式，比如内边距，或者border之类的撑起空间的。那么也会出现空隙
line-height:20px;
margin:0;
text-indent:20px;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
}
<p>标签是带有默认样式的，这一点你必须要知道。
首先，你在<h1>标签下方使用了该标签，而后，你让P标签的line-height为零，这是不合理的，要知道，line-height表示你的这个标签中文字垂直占位，这个数字要合理，比如你这里，你可以使用20px;
而p标签还带有margin-top和margin-bottom的默认样式，你已经让p标签的margin-top为5px了，那么这个空隙，就是margin-bottom带来的。
所以，要让你的p标签没有那个所谓的空隙，就要加上margin-bottom:0;或者是在定义margin-top之前，定义margin:0;都可以。
P标签样式修改后为上面代码框中的样式。
追问我的目的是要“智慧教室”和smartclassroom在垂直方向靠在一起，修改line-height，就会出现较大的空隙，或者说用什么属性可以减少他们之间的空隙
追答margin-top:-5px;
追问谢谢了 本意是想选你的为最佳答案，结果误操作，不好意思；
本回答被网友采纳写好的html页面四周出现10px的空隙,怎么解决
这是每个页面中body的自带属性，margin有10px的像素，给body设置padding：0；margin：0就行了
网页body 中用div排版,body四周出现空白
右边和下边的空隙是为滚动条预留出来的，要想去掉的话，设置下body的overflow为hidden就可以了。
HTML中做的表格为啥填充 间距 边框 三个都设置为0了,表格内部行与列之间...
是因为图片没有填充满格子，试试看类似这样：<!DOCTYPE html><html><head><\/head><body><div style="width:985px; margin:auto; padding:0;"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="33%"><img width="100%" src="GotJobButton...
为什么列表标签总是会留出空隙(UI设计)?(html表格之间有空隙)
出血的意思设计印刷的图比实际成品在每个切边都加大3mm，使在切为成品时即使下刀略有偏差都可以保证画面是满幅的。所以A4纸大小是210mmX297mm，则图片应设计为(21033)mmX(29733)mm大小。如果你的图已设计好，你可告诉印刷厂说你没有留出血位，请你们给你留即可。不知道我的说法对你有否帮助。
HTML中边框border:none;已经设置,但是还有空隙,还如何消除啊???_百...
你在css里面设置border:0;margin:0;padding:0; 一般就可以了，当然，如果你已经设置了margin值或者padding值的话，对应的调整一下左边距或者左填充就行了~
HTML div为什么一有内容就会与上边的内容产生间距?
你好，这是由于每个标签都有默认的边距，所以你虽然去掉了div的边距，但是h1也是有的，如果你不需要，可以把h1的边距也去掉。当然还是有另外的解决办法，就是给div添加overflow:hidden
在html里怎么让两个图片之间有点空隙
在style 里面设置你需要的边距:margin-bottom:5px;\/\/下边距5px margin-left:5px;\/\/左边距5px margin-right:5px;\/\/右边距5px margin-top:5px\/\/上边距5px
dreamweaver两个div标签来插入图片后为什么中间会有空隙?
{padding=0;margin=0} img{border:none} 中间有空隙是因为div框他们之间本来就有1像素的间距，而图片本身有边框，想除去空隙和边框需要在总样式里面加入以上除空隙代码
HTML DIV浮动之后 怎么去掉 空隙?
在CSS样式里面肯定有个PADDING的属性，把他的值修改成0，例如PADDING-RIGHT: 0px; 即可（这个应该有四个，上下左右。或者是PADDING: 0px;）
html两个div之间的空隙怎么去掉
1、首先，打开html编辑器，新建html文件，例如：index.html。2、在index.html中的<body>标签中，输入html代码：<divstyle="background:#0b93d5;border:0;">123<\/div> <divstyle="background:#0b93d5;border:0;">123<\/div> 3、浏览器运行index.html页面，此时两个div中间的空隙被去除了。
