Question

由于某些原因，我的页脚边框位于页面顶部，而文本位于底部。谁能告诉我它为什么要这样做？

您可以看到页面here：

我希望红线在我的页脚之上。我错过了什么？

Answer 1

添加清除：两者都是你的页脚：

<div style="padding-top:10px;border-top: solid 1px #ff0000; font-size:11px; clear:both;">...</div>

说明：如果你有一个浮动和一个向右浮动，那么之后的内容将在你的花车下面。因此，通过清除，它会重置浮动并在浮动的内容之后呈现它。

Answer 2

浮点数会导致这样的布局问题。由于您只在内容容器中使用它们，因此可以从float: left;删除.search_summary_container并添加display: inline-block;。

.search_summary_container {
    height: auto;
    width: 480px;
    margin-top: 10px;
    border: 1px solid #c1d1da;
    display: inline-block;
}

Answer 3

在页脚中，只需将css设置为clear:both。