显示：表格单元浮动DIV高度扩展到100％仅适用于Chrome

Question

之前我问了一个问题，并且认为我得到了一个好结果。问题的链接是here。基本上，我问的是当所述父级的内容大于浮动的DIV时，如何使浮动的DIV扩展到其父div的100％。

我接受的答案（使用display：table and display：table-cell on parent和DIV）在Chrome上运行良好，但我刚刚发现它在Firefox和Safari上根本不起作用

有没有人知道我能做些什么来纠正这个问题？

提前致谢！

Answer 1

尝试

div { display: table}
div > div { display: table-row}
div > div > div  { display: table-cell}