如何在规模上保持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/