Html 在非固定div中隐藏滚动条

我在试图对某些div隐藏滚动条时遇到了麻烦。 我在论坛上找到了一些解决方案，但它们从来没有真正符合我的情况，所以我仍然在努力解决这个问题。 我的问题是：我试图在嵌套在另一个大小不固定的div中的div中隐藏滚动条。（它们被设置为身体的100%）

以下是HTML：

<div id="events">
    <div id="event-list"></div>
    <div id="event-details"></div>
</div>

我希望#事件列表和#事件详细信息没有滚动条，但仍然可以滚动。如果你有什么想法（css？js？jquery？），我就要了！ 提前感谢,，

---

alex

您可以使用

溢出：隐藏
将外部div的宽度设置为100%，将内部div的宽度设置为105%（您可以微调此值），并将溢出设置为
溢出：滚动

@MikeK谢谢你的回复，多亏了这篇文章，我才解决了我的问题。如果有人感兴趣，我会更新上面的代码笔。我已经找到了这个解决方案，但不是105%的粉丝。我设法解决了这个问题，如果你感兴趣的话，请检查上面的代码笔。谢谢你的帮助。
html, body {
  width: 100%;
  height: 100%;
  margin: 0;
}

#events {
  width: 100%;
  height: 100%;
}

#event-list {
  float: left;
  width: 50%;
  height: 100%;
  background-color: pink;
}

#event-details {
  float: right;
  width: 50%;
  height: 100%;
  background-color: cyan;
}