html - 页脚 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;torow-fluid类。

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

希望这可以帮助。