影响分隔宽度的滚动条

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
}

Padding将滚动条从右侧推开。为什么.下拉列表导致框不那么宽我不清楚。