Html 为什么我的页脚这么大？

我的页脚比预期的要大得多（通常与其中的文本大小相同），我不知道为什么，我没有添加任何代码来更改默认大小

以下是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>

然而，这就是页面当前的样子（在页脚文本上画圆圈，以防很难看到）

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

编辑：

---

添加

clear：两者都有到css中的页脚修复了这个问题
您的小提琴中的预订div有float:right。清除页脚前的浮动。很抱歉，电话中的内容很简短。
正在更改

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

到

已修复问题
是否可以创建一个小提琴来复制问题？错误无法从您发布的代码中重现（）。我猜有一些浮动没有被清除，但是我们无法访问出错的代码部分。请在chrome中打开页面。检查页脚。确认它的边界框确实覆盖了页面，并且它的计算样式符合预期。检查页面的其余部分。检查背景色。如果是海蓝宝石，检查计算值的来源。检查其他元素边界框、浮动样式等。您也可以在Firefox中进行类似的调试。这应该会给你一些提示就像@DavidHedlund@Liam emery猜测的那样，很高兴看到您的问题得到解决！StackOverflow以问答方式工作，应该接受某人的正确答案。回答你自己的问题没有错，但请接受答案，当它帮助你找到解决方案时，请向上投票，这会给他们带来一些“声誉”——奖励在工作中帮助他人site@Kimmax如果我的答案是你所指的，那么这个答案比我的答案对其他人更有帮助。这应该是可以接受的。
footer {
    text-align: center;
    background-color: aquamarine;
    color: white;    }

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