CSS顯示：表格最小高度不工作

有誰知道我可以用最新的瀏覽器做最小高度工作嗎？我正在使用CSS表，它似乎忽略最小高度。CSS顯示：表格最小高度不工作

<div style="background-color: red; display: table; min-height: 100px;"> 
abc 
</div>

類似的帖子：http://stackoverflow.com/questions/25238/100-min-height-css-layout – diEcho

你可以定義* CSS表格*嗎？有一些標記？ – alex

發佈您的HTML，相應的CSS，如果可能的話，給你的網站鏈接（或嘗試建立一個http://jsfiddle.net/）來顯示你的問題。 – oezi

178

當使用表，高度基本上是最小高度，如表始終伸展。只要擺脫「分鐘」，它就會像你期望的那樣工作。

2012-06-30 16:58:24 swider

+12

這是完全不直觀的，但現貨。最好的結果似乎是將「固定」高度放在最裏面的'display：table-cell'元素上。 – eternicode

沒有爲我工作。 – chovy

我還沒有在IE中測試過，但似乎Firefox仍然是唯一受此影響的人。 – Dex

在表格或任何值上使用height: 1px;。基本上你需要給表一些高度，使其與min-height工作。只有min-height不適用於Firefox上的表格。

2015-04-10 09:25:33 virajs0ni

OP在詢問如何使它適用於最新的瀏覽器。我剛給他一個解決方案。它如何不準確？ – virajs0ni

如你所說給一些高度像高度：1px，然後它開始工作 –

無論何時您使用display:table;或任何更深的財產如display:table-cell;考慮使用height而不是min-height。如表中height = min-height考慮到自動跨距功能。

2015-04-17 13:19:01

回答