CSS 显示：表格最小高度不起作用
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/7790222/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
CSS display: table min-height not working
提问by Samantha J T Star
回答by swider
When using tables, height essentially is min-height, as tables always stretch. Just get rid of the "min-" and it will work as you expect.
使用表格时，高度本质上是最小高度，因为表格总是伸展的。只要去掉“min-”，它就会按你的预期工作。
回答by virajs0ni
Use height: 1px;on the table or any value. Basically you need to give table some height to make it work with min-height. Having only min-heightwon't work on tables on firefox.
使用height: 1px;表或任何价值。基本上你需要给 table 一些高度以使其与min-height. 只有min-height在 Firefox 上的表格上不起作用。
回答by Ahmad Awais
Whenever you are using display:table;or any deeper property like display:table-cell;consider using heightinstead of min-height. As in tables height = min-height considering the auto-span feature in them.
每当您使用display:table;或任何更深层次的属性时，请display:table-cell;考虑使用height而不是min-height. 考虑到表格中的自动跨度功能，如表格高度 = 最小高度。
回答by Mike Winchester
Solution for Firefox
Firefox 解决方案
Add heightto unlock setting the min-height
添加高度解锁设置最小高度
div {
display: table;
width: 100%;
height: 0;
min-height: 100px;
}
The number in height can be any other real value less or equal to min-height for making it work as expected.
height 中的数字可以是任何其他小于或等于 min-height 的实际值，以使其按预期工作。
