HTML/CSS在页面底部添加一个水平滚动条

我有一个大表全屏网页。行数固定为20。它应该可以水平滚动。目前我使用溢出功能来获取水平滚动条

 overflow: 'hidden', overflowX: 'scroll',

但是我需要向下滚动才能看到水平滚动条。我想在页面底部固定滚动条。所以它总是可见的，用户可以轻松地浏览表格。例如，请参见下图。如何添加这样的滚动条

---

PS：我正在使用react语义ui

只需在您的div中放置一个div。只要子div设置了宽度，它就会溢出并显示滚动条，我想这就是您想要的。如果需要设置外部div的高度，请使用height:100vh，以便将外部div设置为视口的高度

希望有帮助

试验试验试验试验试验试验试验试验试验

测试

测试

测试

测试

测试

测试

测试

测试

测试

测试

测试

测试

测试

测试

测试

测试

测试

测试

测试

测试

测试

测试

测试

测试

测试

测试

测试

我需要始终显示页面底部的滚动条。现在我必须向下滚动页面到表格的末尾才能看到水平滚动条。也在Ubuntu中。可能重复-注意：

100vh

不会被水平滚动条减少。此外，OP不希望在div中有垂直滚动条。如果将所有内容都放在div中，则会丢失固定标题