溢出自动和高度在移动设备上的 Chrome 中不起作用

Question

<div class="service-table">
    <table class="table">
        <thead>
            <th>Title</th>
            <th>Title</th>
        </thead>
        <tbody>
            <tr>
                <td>Text</td>
                <td>Text</td>
            </tr>
        </tbody>
    </table>
</div>

我有一张带有这个 Bootstrap 类的表。这是我的 div CSS：

.service-table {
  height: 100px;
  overflow: auto;
  text-align: center;
}

如果表格高度高于 100 像素，我正在尝试修复高度并显示滚动条。在其他浏览器的桌面或移动设备上很好（在桌面 Chrome 上也很好）。但在移动 Chrome 上，滚动条没有出现，所以高度不是 100px。

Answer 1

我在您的表格中添加了更多行，使其高度超过 100 像素，并且按预期工作：See my comment。