CSS显示：table min-height无法正常工作

Question

有谁知道我可以使用最新的浏览器制作最小高度？我正在使用CSS表，它似乎忽略了min-height。

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

Fiddle

Answer 1

使用表时，高度基本上是最小高度，因为表总是拉伸。只需摆脱“min-”，它就会像你期望的那样工作。

Answer 2

在表格或任何值上使用height: 1px;。基本上你需要给表一些高度，以使它与min-height一起使用。只有min-height才能在firefox上的表上工作。

Answer 3

每当您使用display:table;或任何更深层次的属性（例如display:table-cell;）时，请考虑使用height代替min-height。如表中的高度=最小高度，考虑其中的自动跨度特征。

Answer 4

Firefox解决方案

添加高度以解锁设置最小高度

div {
    display: table;
    width: 100%;
    height: 0;
    min-height: 100px;
}

高度数字可以是小于或等于min-height的任何其他实际值，以使其按预期工作。