使内部表格与溢出div中的内容一样宽

Question

我在div中有一个表格，其样式为 table-wrapper ：

.table-wrapper {
    display: inline-block;
    overflow-x: scroll;
    width: 800px;
}

正如你所看到的，我希望这个div显示一个水平滚动条，这样它里面的表可以尽可能宽。问题是，我的表仍然调整自己以完全占据包装器的宽度，使滚动条无用。这是表格样式：

.elements-table {
    width: 100%;
}

如何让我的桌子尽可能宽？

Answer 1

当您使用width:100%时，该元素将尝试匹配其父容器的宽度，在本例中为800px。

您需要在桌面上设置一个硬盘或min-width以让您的父.table-wrapper滚动。