私は開発中の新しい Web サイトで masonry.js をかなり使用していますが、列を並べてフローティングする場合、デザインで masonry.js を使用すると 1 つの欠陥があります。これが私がやろうとしていることの一般的な表現です：
通常表示:
[ column left ] [ main column ] [[masonry post]] [ column right ]
[ ] [ ] [[masonry post]] [ ]
[ ] [ ] [[masonry post]] [ ]
[ ] [ ] [[masonry post]] [ ]
[ ] [ ] [[masonry post]] [ ]
レスポンシブ ビュー:
[ column left ] [ main column ] [ column right ]
[ ] [ ] [ ]
[ ] [ ] [ ]
[ ] [ [masonry post][masonry post] ] [ ]
[ ] [ [masonry post][masonry post] ] [ ]
[ ] [ [masonry post][masonry post] ] [ ]
そのため、「メイン カラム」と「メーソンリー ポスト」のカラムは左にフロートされ、ブラウザーが縮小されたときにメーソンリー カラムがメイン カラムの下に移動します。これは理論的には完全に機能しますが、メーソンリー JS がメーソンリー カラムに適用されているため、想定どおりに動かない - 代わりに、そのままの場所にとどまり、右側の列の後ろに隠れます。これをどのようにソートできるかについてのアイデアはありますか?