编程论坛 → WEB前端(UI)

css+div布局问题

wxm198427 发布于 2010-03-21 13:39， 984 次点击

如题：如图：

只有本站会员才能查看附件，请登录

我有如图这样的布局，1，2不动，3这个DIV本来的意思放在4这个位置，但是不知道怎么被2的高度给占位了多出的4的部分，DIV6也是一样，像这样的怎么处理，就是把DIV3放4这个位置，DIV6放5这个位置。还请各位指教，谢谢………………

5 回复

aspic2010-03-21 16:16

如果想实现这样的就不能用浮动而应该用定位

wxm1984272010-03-21 16:34

回复 2楼 aspic

如何定位，首先我第一和第二都用了浮动，那，要3定位，怎么写，谢谢………………

a3983719052010-03-29 23:05

加两个大的DIV，1、4、3为左边float:left，1、5、6为右边float:right

zcy6497209272010-05-11 21:36

你可以添加两个DIV 把左边和右边的DIV分别嵌套起来就可以了

music3d2011-07-04 17:55

把1、3用一个DIV嵌套起来，float属性设置为left，之后就OK了
注意div尺寸！！！
<style type="css/text">
.d1_3,
.d2,
.d6
{
    float:left;
}
</style>
<div class="d1_3">
    <div class="d1">
    </div>
    <div class="d3">
    </div>
</div>
<div class="d2">
</div>
<div class="d6">
</div>