为什么我的页脚如此之大？

Question

我的页脚比它应该的大得多（通常与其中的文本大小相同）并且我无法弄清楚原因，我还没有添加任何代码更改默认大小。

以下是HTML中页面的基本布局

<header></header>
<nav></nav>

<div class="reservations"></div>

<table style="width:100%" class="schedule"></table>

<div class="sections">
    <section class="inner"></section>
    <section class="right"></section>

    <div class="capacity">
        <table class="capacity"></table>
    </div>
</div>

<footer>Hamilton Confrence Center  ||  8711 West Lane, Hamilton  ||  (513) 555-7911</footer>

这就是我的页脚css中的所有内容

footer {
    text-align: center;
    background-color: aquamarine;
    color: white;
}

然而，这就是页面目前的样子（如果很难看到，则圈出页脚文字）..

正如您所看到的，页脚背景颜色远远超出页脚文本的顶部。对于那些会问的人，不，我也没有将页脚上方部分的背景颜色改为海蓝宝石，它们只是默认例如白色。

编辑：

在css中向页脚添加clear: both;修复了问题

Answer 1

更改

footer {
    text-align: center;
    background-color: aquamarine;
    color: white;    }

要

footer {
    text-align: center;
    background-color: aquamarine;
    color: white;
    clear: both;
}

修复了问题

Answer 2

你的小提琴的预订div浮动：对。清除页脚前的浮动。对不起，请致电。