Css 如果Safari中的父项太大，则使用滚动条垂直居中的div

我有以下选择的div：

<div class="outer">
<div class="middle">
    <div class="inner">
        <p>
        blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 
        </p>
    </div>
</div>

等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等诸如此类诸如此类诸如此类诸如此类诸如此类诸如此类诸如此类诸如此类诸如此类诸如此类诸如此类诸如此类诸如此类

我希望.outer div是页面的高度，.inner div垂直居中于页面上，如果其内容太大，页面无法容纳它（包括填充等），则.inner div上会出现一个滚动条，而不是页面

---

以下是我迄今为止所做的努力。该示例在Chrome和Firefox中运行良好，但在Safari中不起作用。有人能解释为什么吗？或者为我指明获得跨浏览器解决方案的方向？

这正是您想要的。请更好地描述问题。当我查看小提琴时，绿色的文档（.inner）根本不可见。对你来说有什么不同吗？你用的是哪种浏览器？是的，我可以看到它，而且它有一个滚动条（我用的是chrome，但它也会出现在firefox上）。我解决这个问题已经有一段时间了。问题是，表格布局引擎将高度解释为最小值，因此，表格高度将自动调整以显示尽可能多的内容，这意味着，内部/绿色div无法计算使滚动触发所需的高度。我尝试了一些技巧，使用了绝对定位的内部div，但是顶部/底部填充不正确。我认为您需要一些JavaScript/CSS来修改高度值。这对你有用吗？你说得对@wazaaaap，它在chrome中工作得很好。我最初是在safari中看到的。你知道为什么它在那里不起作用吗？我将尝试编辑问题，以反映问题的实际性质。