css - 溢出切割结果(附图)

Question

左侧“结果”部分是当前发生的情况。右边的部分是我希望结果发生什么。当结果组对于容器来说似乎很大时，容器底部的结果会隐藏起来。我一直在网上搜索 CSS 修复，非常感谢任何帮助。

谢谢。

Answer 1

您可以使用一个技巧，包括使用可能不完全支持的列。

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