当div中出现滚动条时如何更改css

Question

我有一个关于滚动条不适合时出现的问题 例如，我有一个新闻项目。在布局的屏幕截图下方：

当您添加更多项目时，滚动条将显示在日期上

滚动条出现在div中的默认行为，但是可以 当滚动条出现在里面时应用css。例如，我可以使用padding-right：16px; 到容器。唯一的问题是，另一个容器浮动到它，这些是在一个大容器内，然后布局会因为额外的填充而崩溃。

还有另一种方法可以保持布局而不会分开吗？

以下是链接：http://jsfiddle.net/EANbh/

和容器的css：

.container {
width: 200px;
height:200px;
border: 1px solid grey;
overflow-y:auto;
overflow-x: hidden;
/*padding-right:16px;*/
}

问候，克里斯。

Answer 1

不使用填充的另一个选项是：

.item {
display:inline-block;
width:184px;
height: auto;
border-bottom: 1px solid grey;
}