width:100% コンテナー div 内に固定幅の div を入力して列のレイアウトを作成しようとしています。コンテナーにスペースが残っていないときにそれらを「ラップ」して、列を作成します。列の数を変更するには、含まれている div の幅を変更するだけです。含まれている div はかなり高くなる可能性があります。
これが私が今持っているものです：
+------------------------------+
|+----+ +----+ +----+ +----+ |
|| | | | | | | | |
|| | | | | | | | |
|| | | | | | | | |
|+----+ +----+ +----+ | | |
| | | |
| | | |
| | | |
| +----+ |
|+----+ +----+ +----+ +----+ |
|| | | | | | | | |
|| | | | | | | | |
|| | | | | | | | |
|+----+ +----+ +----+ +----+ |
| |
前の行の最も高い div の下部に、サイズ変更された div が折り返されて整列している、この大きなくびれたスペースが見えますか? それが HTML のボックス モデルのしくみだと思います。
しかし、まさにこの場合、私が取得したいのはこれです：
+------------------------------+
|+----+ +----+ +----+ +----+ |
|| | | | | | | | |
|| | | | | | | | |
|| | | | | | | | |
|+----+ +----+ +----+ | | |
|+----+ +----+ +----+ | | |
|| | | | | | | | |
|| | | | | | | | |
|| | | | | | +----+ |
|+----+ +----+ +----+ +----+ |
| | | |
| | | |
| | | |
| +----+ |
| |
何か案が？