javascript - 使没有内容的div水平滚动

Question

<div id="dummyHorizontalDiv" style="height:16px !important;width: 550px;overflow-x:auto;overflow-y:hidden;">
      <div id="dummyScrollArea" style="width: 750px;">
      </div>
</div>

我想在 div 上使用 id=dummyHorizo​​ntalDiv 获得一个水平滚动条，但由于内部 div 中没有内容(尽管它的宽度大于外部 div)，我没有得到水平滚动条。

请帮我解决这个问题。

Answer 1

您确实有滚动条，但您的 dummyHorizo​​ntalDiv 实际上太短而无法显示它们 - 如果滚动条比它们正在滚动的元素大，浏览器将不会在滚动条中绘制。将 16 像素的高度更改为 30 像素，您会看到滚动条出现。