css - 当滚动条出现在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;
}