css - 为什么我的页面布局会有问题?
PHP中文网
PHP中文网 2017-04-17 14:32:51
0
4
847

我想做一个如图的页面:

可是我的D部分总是到C的最下端,如图:

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

{float: left;
display:block;}

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

{position:absolute;}

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

PHP中文网
PHP中文网

认证0级讲师

全部回覆(4)
迷茫

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

PHPzhong

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

洪涛

雷雷

小葫芦

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

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板