主站经典论坛家园作品集 Think.Pages 维基桌面聚合

经典论坛 » 前台制作与脚本专栏 » 问个很菜的DIV和浮动问题

打印

问个很菜的DIV和浮动问题

openyourheart [楼主]

中级会员

帖子: 305
体力: 492
威望: 0
当前: 广东广州
离线: 8 天

1^# 大中小发表于 2008-7-17 10:05

<body>
<div id="a">
</div>
<div id="b">
</div>
<div id="c">
</div>
</body>

body{
background:#333034;
}
#a{
background:#eff4f7;
float:left;
width:30%;
height:600px;
}
#b{
background:#eff4f7;
margin:0 35% 0 35%;
height:600px;
}
#c{
background:#eff4f7;
float:right;
width:30%;
height:600px;
}

为什么第3个DIV没有和前面2个DIV排在同一行？

TOP

做西部数码代理.Cn1元国际45元 | 将虚拟化进行到底

kingwkb

初级会员

帖子: 26
体力: 57
威望: 0
离线: 7 天

2^# 大中小发表于 2008-7-17 10:17

提示：您可以先修改部分代码再运行

TOP

美橙vps独立IP月付189元

openyourheart [楼主]

中级会员

帖子: 305
体力: 492
威望: 0
当前: 广东广州
离线: 8 天

3^# 大中小发表于 2008-7-17 10:43

楼上那个究竟在干什么

TOP

中央美院远程平面设计进修班

macrox

新手上路

帖子: 7
体力: 19
威望: 0
当前: 北京西城区
离线: 18 天

4^# 大中小发表于 2008-7-17 10:52

2楼只不过贴出可运行代码让大家看看实际效果
注意#b的float设成left

提示：您可以先修改部分代码再运行

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

xuxueshuan

新手上路

帖子: 16
体力: 15
威望: 0
离线: 43 天

5^# 大中小发表于 2008-7-17 10:56

我知道

#c{
background:#eff4f7;
float:right;
width:30%;
height:600px;
}

把向右浮动去掉就可以了
#c{
background:#eff4f7;

width:30%;
height:600px;
}

TOP

chiyuderen

amot

银牌会员

帖子: 650
体力: 1271
威望: 0
当前: 上海普陀

6^# 大中小发表于 2008-7-17 10:58

提示：您可以先修改部分代码再运行

学习```

TOP

xuxueshuan

新手上路

帖子: 16
体力: 15
威望: 0
离线: 43 天

7^# 大中小发表于 2008-7-17 11:01

补充一下

#b的宽应该定义一下，

#b{
background:#eff4f7;
margin:0 35% 0 35%;
height:600px;
}

TOP

openyourheart [楼主]

中级会员

帖子: 305
体力: 492
威望: 0
当前: 广东广州
离线: 8 天

8^# 大中小发表于 2008-7-17 12:22

引用:

原帖由 xuxueshuan 于 2008-7-17 10:56 发表
#c{
background:#eff4f7;
float:right;
width:30%;
height:600px;
}

把向右浮动去掉就可以了
#c{
background:#eff4f7;

width:30%;
height:600px;
}