如何在规模上保持div溢出

Question

在此snipet

中

我试图将DIV的可见性保持在其他DIV上。在悬停事件中，它会缩放整个容器，但在返回之前的维度后

Answer 1

我找到了一种使用flexbox

修复它的方法

我将flexbox添加到#columns ID并使用了flex-wrap:wrap。还在width类中添加了.pin。

@media (min-width: 960px) {
    #columns {
        display: flex;
        flex-flow: wrap;
    }
}

.pin {
    //other code
    width: 23%;
}

示例：https://jsfiddle.net/7zofwyau/5/