html - HTML：水平滚动条没有出现

Question

我需要在表格中包含滚动条窗格，为此我使用了 div 标签，如下所示

<table border="2" width="100%"><th></th><th></th><th></th></table

<div><div width="100%" style="overflow:scroll;height:100px;scrollbar-face-color: #fff;   
scrollbar-track-color: #eee;position:fixed;height:300px;">

<table border="2" width="100%"><td></td><td></td><td></td></table></div>

只有垂直滚动条出现，而不是底部或水平滚动条，请提出一些答案。我做错了什么？

Answer 1

您没有为滚动指定宽度，要显示滚动，您需要为垂直滚动指定高度，为水平滚动指定宽度。

<div width="100%" style="overflow:scroll;scrollbar-face-color: #fff;scrollbar-track-color: #eee;position:fixed;height:300px;width:200px;">

作为旁注，你在你的内联样式中提到了两次高度。

演示