javascript - CSS 样式 - 在可滚动的 div 中放置一个 div 轮廓

Question

我正在尝试在 Google Closure 中创建一个可选列表。我几乎得到了所有东西，但是当我将滚动功能添加到容器时。我意识到如果 outline 元素

我的风格有问题

 <div class="Selectable"
        style="height: 400px; overflow-y: scroll" id ="list2">
          <div class="selectable-item">0 </div>
          <div class="selectable-item">1</div>
          .....
          .....
          .....
 <div class="selectable-outline" style="left: 88px; top: 97px; width: 76px; height: 725px; "></div></div>
        </div>

这是 fiddle 。

http://jsfiddle.net/dekajp/uC5jm/4/

我希望 div ( outline ) 包含在可滚动的父元素中。父级的滚动高度约为 2000。无法弄清楚!

谢谢你的帮助!!!

Answer 1

大纲元素是绝对定位的，因此您需要该元素的父元素是相对位置的，这样大纲元素才不会破坏包含。

/* you need to also capitalize selectable */
.Selectable {
  position: relative;
  /* more styling */
}

JSFIDDLE