如何在不影响周围其他DIV的情况下垂直扩展DIV？

Question

我正在尝试在一组给定的DIV中扩展一个DIV，以供图像库使用，我遇到的问题是，当我花费特定DIV的所有下一个DIV受到影响并移动其位置时，这会留出很大的空白空间我不要。

我在特定的DIV上尝试了以下CSS属性，但到目前为止，这些属性都没有解决：

def firstConditionallyCompletedOf[T](futures: List[Future[T]])(p: T => Boolean)(implicit ec: ExecutionContext): Future[T] = {
  val p = Promise[T]()
  val firstCompleteHandler = new AtomicReference[Promise[T]](p) with (Try[T] => Unit) {
    override def apply(v1: Try[T]): Unit = getAndSet(null) match {
      case null => ()
      case some => some tryComplete v1
    }
  }
  futures.foreach{ _.filter(condition).onComplete(firstCompleteHandler) }
  p.future
}

css：

height: 250px;
margin-bottom: 100px;

html：

.thumb{
  float:left;
  margin:5px;
}

#gallery{
  width:850px;
}

我得到的结果： Libsodium

我想要的最终结果：

我做了小提琴，所以您可以更好地了解发生了什么：

我发现了一种变通办法，方法是添加一个不可见的DIV，该DIV每5张图片后会作为一条分隔线，但是我试图找到一种方法来解决此问题，因为它给以后的javascript动画增加了更多约束想在整个画廊里表演。

Answer 1

不确定这是否是您要寻找的东西。

>>> import numpy as np
>>> arr
array([[-0.30368954,  2.8808107 ,  5.8833385 ,  8.6606045 , 11.242557  ],
       [-0.22719575,  3.0030012 ,  6.065371  ,  8.924864  , 11.561942  ]],

>>> arr = np.insert(arr, 0, np.nan, axis=0)
>>> arr
array([[        nan, -0.30368954,  2.8808107 ,  5.8833385 ,  8.6606045 , 11.242557  ],
       [        nan, -0.22719575,  3.0030012 ,  6.065371  ,  8.924864  , 11.561942  ]],