問題描述

我想做一個(gè)如圖的頁面：

可是我的D部分總是到C的最下端，如圖：

每個(gè)塊我的css樣式都設(shè)為：

{float: left;display:block;}

若想達(dá)到圖1的效果，只有把D部分添加位置設(shè)置：

{position:absolute;}

然后給D指定上部距離多少多少。想知道有沒有別的方法，不是使用absolute的？謝謝各位~

問題解答

A B D 看成整體包在一個(gè)大塊里，與 C 左右布局，A B 左右布局， D 正常流布局就可以了啊，你現(xiàn)在的問題是 A B C 都float 了，沾滿了一行，D 當(dāng)然會從第二行再開始 float 了

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

//css .right { float:right;}.left { float:left}.row::after{ content:’’; clear:both;}<p class='row'> <p class='left'><p class='row'> <p class='left'>A</p> <p class='right'>B</p></p><p> D</p> </p> <p class='side right'></p></p>回答4：

就現(xiàn)狀而言，ABC你都浮動ok的，D你用相對定位讓它往上走走不就得了……另外我覺得ABC應(yīng)該可以用inline-block吧