在卷轴内行为不正常的Bootstrap单选按钮

Question

我在我的网页上使用Bootstrap 3.3.1，我正在尝试设置一对内联单选按钮。我的理解是我做了这样的事情：

<label class="radio-inline">
    <input type="radio" checked="checked" /> Option 1
</label>
<label class="radio-inline">
    <input type="radio" /> Option 2
</label>

这是有效的，除非单选按钮恰好位于可滚动容器中。如果它们是，则输入似乎是绝对定位的，这样它们就不会与其余内容（包括其标签）一起滚动。这是一个例子：

http://jsfiddle.net/2v39p7eh/

我做错了什么，或者这是一个错误？

Answer 1

您可以通过将可滚动容器内的div设置为position: relative来解决此问题：

.scroller > * {
    position: relative;
}

http://jsfiddle.net/naz6pnfd/3/