html - なぜdivが上記のdivの下にスライドしないのですか？

Question

私はこのダッシュボードで作業していますが、コンテナ3をコンテナ1の下にスライドさせることができないようですが、なぜ1つでも見つけることができますか？

Answer 1

これは、フロートを操作するときの通常の動作です。これを解決するには、JavaScriptを使用するか、HTMLの形式を変更します。このようなものが機能するはずです：

<div class="col">
 <div id="container1">...</div>
 <div id="container3">...</div>
</div>
<div class="col">
 <div id="container2">...</div>
 <div id="container4">...</div>
</div>

コンテナの代わりにcolをフロートさせると、目的の効果が得られるはずです。

Answer 2

リンクしたのは、基本的にcssfloatがどのように機能するかを示すためのデモです。フロートの動作を変えるための簡単な修正はありませんが、JavaScriptソリューションである石積みを確認することをお勧めします：http：//masonry.desandro.com/

Answer 3

さらに良いことに、レイアウトをさらに多くの方法で配置できるMasonryの「兄貴」アイソトープを確認することをお勧めします。まだ実装は簡単です。モバイルタッチスクリーンデバイスでも非常にうまく機能します。