css - オーバーフローカット結果（画像添付）

Question

左側の「結果」のセクションは、現在起こっていることです。右側のセクションでは、結果に何をしたいのかを説明します。結果のグループがコンテナに対して大きいように見える場合、コンテナの下部にある結果はそれ自体を非表示にします。私はCSSの修正をウェブ全体で検索してきましたが、どんな助けでも大歓迎です。

ありがとうございました。

Answer 1

columns完全にはサポートされていない可能性のある使用を含むトリックを使用できます。

http://jsfiddle.net/szGVu/

#holder{
  columns: 110px;
  -webkit-columns: 110px;
  -moz-columns: 110px;

  height: 300px;
  width: 110px;
  overflow: hidden;
}

.child{
  margin: 5px;
  height: 100px;
  width: 100px;
  display: inline-block;
}