顯示錶行div來採取「休息」具有溢出在FF

我具有堆疊的div佈局，其顯示了以下部分實現爲display: table-row顯示錶行div來採取「休息」具有溢出在FF

這些部分被包裝在與display: table的包裝div中。

第2部分應占用剩餘空間並在本節中呈現其內容。本節中溢出的內容應該像溢出一樣滾動。

這是一個Fiddle，它或多或少地顯示了它應該做什麼，但它只能在Chrome中使用。在IE11/FF中，溢出不起作用，並且內容將頁腳壓出視口。

這是我的執行問題還是Chrome瀏覽器以外的瀏覽器中的一般問題？

2013-12-09 pantarhei

你需要給一些高度@ data_section_wrapper CSS ..是指這可能幫助 - https://channel9.msdn.com/Forums/TechOff/74756-FireFox-div-100-高度bug – Neha

'＃data_section_wrapper'的高度爲100％。這就是我想要實現的。它應該佔用剩餘的空間。或者100％不是一些高度？但設置一個固定的高度將使內容至少滾動。但這不是我想要達到的，因爲我無法預測身高，它應該像Chrome一樣保持原有狀態。 :) – pantarhei

添加邊距-20px @data_section會做的伎倆..我知道它的一種破解和我最好的解釋是css行爲是由尊敬的瀏覽器引擎定義的。這適用於Chrome和FF瀏覽器。

#data_section { 
/*Section 2*/ 
position: relative; 
background: red; 
height: inherit; 
overflow: auto; 
margin-bottom: -20px; 
}

2013-12-09 23:01:53 Neha

@pantarhei這對你有幫助嗎？ – Neha

回答