css - スクロールバーがdiv内に表示されたときにcssを変更する方法

Question

収まらないときに表示されるスクロールバーについて質問があります。
たとえば、ここに 1 つのニュース項目があります。レイアウトのスクリーンショットの下:

さらにアイテムを追加すると、スクロールバーが日付の上に表示されます。

スクロールバーが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;
}