css - 为什么我的页面布局会有问题？

Question

我想做一个如图的页面：

可是我的D部分总是到C的最下端，如图：

每个块我的css样式都设为：

{float: left;
display:block;}

若想达到图1的效果，只有把D部分添加位置设置：

{position:absolute;}

然后给D指定上部距离多少多少。
想知道有没有别的方法，不是使用absolute的？谢谢各位~

迷茫 · Answer

A B D は 1 つの大きなブロック内のパッケージ全体として考えられ、C は左右に配置され、A B は左右に配置され、D は通常の流れで配置されます。現在の問題は、A B C がすべてであることです。もちろん、D は 2 行目から再びフローティングを開始します

PHPz · Answer

浮く、浮く。行上に浮動要素用のスペースがほとんどない場合、要素は次の行にジャンプし、このプロセスは行に十分なスペースができるまで継続します。

PHP中文网 · Answer

リーリー

高洛峰 · Answer

現状だと、ABCはfloatでもいいのですが、Dの相対位置を使って上に上げることもできます...また、ABCはinline-blockを使えるようにすべきだと思います