在非固定div中隐藏滚动条[重复]

Question

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

以下是HTML：

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

和CSS：

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;
}

此处提供代码本

我希望#event-list和#event-details没有滚动条，但仍然是可滚动的。如果你有什么想法（CSS？JS？jQuery？），我就接！先谢谢你,alex

Answer 1

您可以使用overflow：hidden将外部div的宽度设置为100%，将内部div的宽度设置为105%（您可以微调该值），并将overflow设置为overflow：scroll

JSFiddle在这里