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

Question

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

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

Fiddle

Answer 1

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

Answer 2

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

Answer 3

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