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，但我在使用普通滚动条时遇到了同样的问题。

如果认为问题可能与用于在中间 float div 的行有关:

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

谢谢你的帮助。

Answer 1

设置

.box {
padding-right:0;
}

移除

.dropdown{
 overflow:hidden
}

填充将滚动条推离右侧。我不清楚为什么 .dropdown 会导致框变窄。