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