Css 如何定位div，使<；p>；标签赢了'；不要破坏这个位置？

我在调整我的div位置时遇到了这个问题。我分隔了许多div，因此它们表示页眉、菜单栏、右窗格、左窗格和页脚。请查看JSFIDLE中的代码：

代码是html：

<div id="main">
        <div id="header">
        </div>
        <div id="menu">
            <a href="#" class="buttons">Aaaa</a>
            <a href="#" class="buttons">Eeee</a>
            <a href="#" class="buttons">Iiii</a>
            <a href="#" class="buttons">Oooo</a>
            <a href="#" class="buttons">Uuuu</a>
        </div>
        <div id="leftpane">
            <p>Hello</p>
        </div>
        <div id="rightpane">
            <p>Hello</p>
        </div>
        <div id="midpane">
            <p>Hello</p>
        </div>
        <div id="footer">
            <p>Copyright &copy;</p>
        </div>
</div>

请注意页脚顶部有页边空白：-1米。。。我必须这么做。否则，页脚和其他div之间会有间隙。为什么会发生这种情况？这不会发生在其他div上，但为什么只有页脚

---

另外，请注意，中间窗格与页眉之间也有间隙。这是因为我在midpane div中使用了标记。如果删除它们，一切都会恢复正常。但我为什么要求助于它呢？为什么会发生这种情况？我在左窗格和右窗格中执行相同的操作，但这不会发生。为什么只有中间窗格的操作不同？

您需要重置p标记，使其没有边距/填充

p
{
    margin:0;padding:0;
}

---

您需要重置p标记，使其没有边距/填充

p
{
    margin:0;padding:0;
}

---

如果您不想干扰p标签的样式设置（因此保留段落的格式）。您还可以设置：

#midpane {
    display: inline-block;
}

---

通过将浮动的div的显示设置为inline block，边距/填充不应影响div。

如果您不想干扰p标记的样式设置（因此保留段落的格式）。您还可以设置：

#midpane {
    display: inline-block;
}

通过将浮动的div的显示设置为inline block，边距/填充不应影响div