javascript - 影响div宽度的滚动条

Question

我目前正在尝试实现像这样的时间选择器http://jsfiddle.net/roberttang30/AzRja/。

它的样式是这样的：

'overflow' : 'visible',
'list-style': 'none',
'position': 'absolute',
'font-size': '115%',
'top': '15%',
'margin-top': '1.7em',
'margin-left': '-25%',
'left': '50%',
'width': '50%',

它工作正常，但我现在想添加它的滚动功能。问题是当我启用滚动条时，它会缩小列表的宽度（包含时间）。http://jsfiddle.net/roberttang30/GhvYG/

我目前正在使用 slimScroll，但我在使用普通滚动条时遇到了同样的问题。

如果认为问题可能与用于在中间浮动 div 的行有关：

'margin-left': '-25%',
'left': '50%',
'width': '50%',

谢谢你的帮助。

Answer 1

放

.box {
padding-right:0;
}

消除

.dropdown{
 overflow:hidden
}

填充将滚动条从右侧推开。为什么 .dropdown 导致盒子不那么宽我不清楚。