页脚div未被Chrome下推（尝试清楚：两者）

Question

我的表单高于其父<div>并溢出其父<div>。我希望下一个<div>（页脚）被保存表单的<div>推下来。不幸的是，页脚从父<div>结束的位置开始，而不是表单<div>结束的位置。

我尝试在页脚上方添加<div> style="clear:both"，但这也不起作用。

它可以在Firefox中使用，但在chrome中不起作用。

以下是我的真实示例：http://www.bauvermietung.de/anfrage

Answer 1

您正在使用height，此处

doc.css第5行

.jumbotron {
     height: 430px;
}

删除该行或更改高度，你会没事的。

Answer 2

将float: left;添加到.row-fluid

.row-fluid {
width: 100%;
float: left;
}

Answer 3

包括display:inline;至row-fluid课程。

.row-fluid {
width: 100%;
display: inline;
}

希望这有帮助。