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/