html - div类随机位于中心

Question

Live site.

朝向页面底部"Parlour Policies"漂浮在页面中间，尽管它的样式应该是这样的:

.content {
    height: 100%;
    padding-bottom: 40px;
    padding-left: 20px;
    width: 600px;
}

知道是什么导致了位置偏移吗？我在 Firebug 中没有看到任何东西，并且一些验证错误(我现在正在努力修复)都与 WP 生成的 header 有关，并且不会对其他任何一个产生负面影响 <div class="content">在不同的页面上。

Answer 1

只需将 overflow: hidden 添加到 .content - 它会清除你的 float

.content { 
    height: 100%; 
    padding-bottom: 40px; 
    padding-left: 20px; 
    overflow: hidden; /* this */
    width: 600px; 
}