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

Question

我想做一个如图的页面：

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

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

{float: left;
display:block;}

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

{position:absolute;}

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

Answer 1

A B D 看成整體包在一個大塊裡，與C 左右佈局，A B 左右佈局， D 正常流佈局就可以了啊，你現在的問題是A B C 都float 了，沾滿了一行，D 當然會從第二行再開始float 了

Answer 2

float，浮動。假如在一行之上只有極少的空間可供浮動元素，那麼這個元素會跳至下一行，這個過程會持續到某一行擁有足夠的空間為止。

Answer 3

雷雷

Answer 4

就現況而言，ABC你都浮動ok的，D你用相對定位讓它往上走走不就得了…另外我覺得ABC應該可以用inline-block吧