Javascript 使没有内容的div水平滚动

我想在

div

上使用

id=dummyHorizontalDiv

获得一个水平滚动条，但由于内部div中没有内容（尽管其宽度大于外部div），我无法获得水平滚动条

---

请帮我解决这个问题。

给

div#dummyscrollara

一些高度。

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

尝试显示：块-如果您没有指定，宽度和高度在CSS世界中是一种“建议”

---

请参见此处：

您必须对代码进行两项更改才能使其正常工作，这些更改是：

增加外部DIV（#dummyHorizontalDiv）高度，因为当前高度（16px）不足以显示滚动条

将一些高度设置为内部DIV（#dummyscrollara）

下面指定了调整后的代码块，请检查一次，然后告诉我是否仍然不适用于您

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

您的代码适用于我，我看到水平滚动条：它适用于我。。。你能解释一下你到底想达到什么目的吗？另外，为dummyHorizontalDiv添加“overflow-x:scroll；”，它将强制滚动条显示，而不管是什么what@xbonez哈哈，两者几乎在同一时间，相差10秒（：因为你给了内底一个高度。

<div id="dummyHorizontalDiv" style="height:30px !important;width: 550px;overflow-x:auto;overflow-y:hidden; border: 1px solid red;">
  <div id="dummyScrollArea" style="width: 750px; height: 100%;">
  </div>
</div>