html - 为什么我的背景颜色结束？

Question

我正在为网页创建页脚，但出于某种原因，一旦我开始填充它，我就无法让背景颜色填充整个 div。

EXAMPLE

.widefooter {
    background-color:#EFEFEF;
    width:100%;
    font-size:12px;
}

我在<hr> 下添加“链接”后页脚的背景颜色刚刚结束，即使链接嵌套在页脚 div 中，而不是在它之后。

这是我得到的:

这是我想要实现的:

Answer 1

将 overflow:hidden 添加到 .widefootercontent。

float 元素不会影响父容器的高度，除非使用此 overflow 属性专门这样做。