影响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
}

Padding正在推动滚动条远离右侧。为什么.dropdown导致盒子不太宽，我不清楚。