js div一个小问题，请各路大侠指教，谢啊

Goslingy 2012-02-13 05:50:27

上代码先
<div id="k">
<div id="k1">
</div>
<div id="k2">
</div>
<div id="k3">
</div>
</div>
然后css是这么写
#k
{
width:500px;
height:300px;
background-color:Gray;
}
#k1
{
float:left;
width:100px;
height:50px;
background-color:Green;
}
#k2
{
float:left;
width:120px;
height:80px;
background-color:Yellow;
}
#k3
{
float:none;
width:80px;
height:60px;
background-color:red;
}

界面效果如下：

我希望达到的效果是
红色的k3块在绿色和黄色的k1,k2块之下显示，就是下一行显示，而不是贴在绿色快背后，这个css要怎么写了

多谢大家指教

...全文

53 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

Goslingy 2012-02-14

打赏
举报

3楼的方法不错，好，结贴了

underwater 2012-02-13

打赏
举报

#k3 { clear: both; }

似梦飞花 2012-02-13

打赏
举报

#k
{
width:500px;
height:300px;
background-color:Gray;
}
#k1
{
float:left;
width:100px;
height:50px;
background-color:Green;
position:relative;
z-index:2;
}
#k2
{
float:left;
width:120px;
height:80px;
background-color:Yellow;
position:relative;
z-index:2;
}
#k3
{
float:none;
width:80px;
height:60px;
background-color:red;
position:relative;
left:-220px;
z-index:1;
}
我只会用定位做了呵呵你再等等高人吧哈

Goslingy 2012-02-13