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;
}