Javascript ZURB基金会滑板-绝对POS问题

我想在“叠加”中使用范围滑块。如下图所示：

<div class="overlay">

  <div class="range-slider" data-slider data-options="start: 1; end: 10;">
    <span class="range-slider-handle" role="slider" tabindex="0"></span>
    <span class="range-slider-active-segment"></span>
    <input type="hidden">
  </div>

  <button>Ok</button>
  <button>Cancel</button>
</div>

.overlay{
  position:absolute;
  top:0px;
  left:0px;
  bottom:0px;
  right:0px;
  background-color:#FFF;
  opacity: 0.85;
  padding: 50px;
}

但是当我将范围滑块放置在覆盖层之外时，效果非常好

我认为这与绝对宽度/高度有关，因为当我单击它时，它会一直延伸到页面右侧

以前有没有人经历过这种情况，并且能够提供建议

整个过程就是单击我的框，一个覆盖显示，其中包含一个范围滑块。我用的是角的

---

谢谢你没有给绝对定位的覆盖提供宽度，所以js无法正确计算动画

基本上，在CSS中，您必须始终指定绝对定位块的宽度（甚至是相对宽度）