css - 如何在规模上坚持div溢出

Question

在此snipet

我试图保持 DIV 对其他 DIV 的可见性。在悬停事件中，它会缩小整个容器，但在它返回之前的尺寸后

Answer 1

我找到了使用 flexbox 修复它的方法

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

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

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

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