html - "display: table"的 div 的最小高度在 Firefox 中不起作用

Question

我已经为具有显示属性的 div 提供了一个最小高度作为表格，用于呈现内部文本垂直居中。给定的最小高度不适用于 Firefox 浏览器。

我已经把代码放在一个 fiddle 里了: fiddle

<div class="readmore_box">
    <div class="readmore_box_main">
        <p>State of the Market Address: Update on developments in the global stone industry</p>
    </div>
    <div class="box_bottom">
         <h4>more Info</h4>
    </div>
</div>

非常感谢任何帮助!

Answer 1

这实际上是一个 Firefox 错误

参见:https://bugzilla.mozilla.org/show_bug.cgi?id=307866

min-height 不适用于 display: table

你需要使用固定高度来解决这个问题。