如何防止HTML中的除法标记中断

这是我的第一个问题，我希望能得到一些帮助

我制作了这个HTML页面，它有5个DIV，主要是：

• 标题

• 内容

• 页脚
  内容包含

• 左

• 对

左侧和右侧的Div分别浮动在左侧和右侧。当我将某个内容Div放在带有H1标记的位置时，Div会有点乱序，在标题和内容部分之间会有大约10px的空间，有点像这样：

但是，原始版本应为：

---

div使用位置的固定位置没有帮助。提前感谢您的帮助：）

右键单击并检查浏览器上的元素，然后检查div。你应该看看它发生了什么。最有可能的是一些默认的样式，这会给一些利润。这就是为什么大多数人使用某种reset.css作为干净的基础。我想象默认的css将边距应用于

和

标记

也许可以尝试添加以下内容：

h1 {
    margin:0;
}

---

显然，您可以只指定某些页边距，而不是全部或.content h1{}，以便只对内容块中的标题应用样式。

这就是从声音中折叠页边距。感谢您的回复，如果上述解决方法修复了，我将通知您。

#main
{
height:900px;
background-color:#000000;
}
#header
{
    height:100px;
background-color:#00FF00;
padding:70px;
    padding-right:70px;
    font-size:30px;
    text-align:center;
    background-image:url(Images/text3.jpg);
    padding: 50px;
}
#content

{
height:700px;
background-color:#FFFFFF;
}
#left
{
float:left;
 height:700px;
 background-color:#FF0000;
 width:150px;
 background-image:url(Images/navbar2.jpg);
}
   #right
{
float:right;
 height:700px;
 background-color:#FF0000;
 width:150px;
  background-image:url(Images/navbar2.jpg);
}


#footer
{
padding:50px;
padding-right:70px;
font-size:20px;
text-align:center;
height:100px;
background-image:url(Images/footer.jpg);
}

h1 {
    margin:0;
}