我想做一个如图的页面:
可是我的D部分总是到C的最下端,如图:
每个块我的css样式都设为:
{float: left; display:block;}
若想达到图1的效果,只有把D部分添加位置设置:
{position:absolute;}
然后给D指定上部距离多少多少。想知道有没有别的方法,不是使用absolute的?谢谢各位~
认证0级讲师
A B D 看成整體包在一個大塊裡,與C 左右佈局,A B 左右佈局, D 正常流佈局就可以了啊,你現在的問題是A B C 都float 了,沾滿了一行,D 當然會從第二行再開始float 了
float,浮動。假如在一行之上只有極少的空間可供浮動元素,那麼這個元素會跳至下一行,這個過程會持續到某一行擁有足夠的空間為止。
雷雷
就現況而言,ABC你都浮動ok的,D你用相對定位讓它往上走走不就得了…另外我覺得ABC應該可以用inline-block吧
A B D 看成整體包在一個大塊裡,與C 左右佈局,A B 左右佈局, D 正常流佈局就可以了啊,你現在的問題是A B C 都float 了,沾滿了一行,D 當然會從第二行再開始float 了
float,浮動。假如在一行之上只有極少的空間可供浮動元素,那麼這個元素會跳至下一行,這個過程會持續到某一行擁有足夠的空間為止。
雷雷
就現況而言,ABC你都浮動ok的,D你用相對定位讓它往上走走不就得了…另外我覺得ABC應該可以用inline-block吧