2013-05-28 14 views
0

我有一個表格高於其父母<div>並溢出其父母<div>。我希望下一個<div>(頁腳)被持有該表格的<div>推下。不幸的是,頁腳開始於父代<div>結束,而不是<div>表格結束。Footer div在Chrome中未被按下(嘗試清除:兩者都有)

我試圖在頁腳上方插入一個新的<div>style="clear:both",但這也不起作用。

它適用於Firefox,但它不適用於Chrome。

這是我真實的例子:http://www.bauvermietung.de/anfrage

回答

0

添加float: left;.row-fluid

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

謝謝,就是這樣!但我不明白爲什麼?! – AndiPower

+0

只是爲了我的好奇心,你爲什麼認爲''float:left;'應該用在'.row-fluid'中?我可以理解它解決了這個問題,但是你不覺得不必要的浮動可能會在他放置其他東西時破壞他的佈局嗎? - @Sowmya – Nitesh

0

您使用的是height,這裏

doc.css 5號線

.jumbotron { 
    height: 430px; 
} 

刪除該行或改變高度和你會沒事的。

0

包括一個display:inline;row-fluid類。

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

希望這會有所幫助。

+0

不幸的是,它不是 – AndiPower

+0

我在FF和鉻中測試,它工作正常。它不起作用? - @AndiPower – Nitesh

+0

不,顯示:內聯不會改變任何東西@Nathan Lee – AndiPower