怎么在一个div里面让三个div一排显示

发布网友发布时间：2022-05-13 00:23

我来回答

共5个回答

懂视网时间：2022-05-13 04:45

快速导航

会员录入

近期生日会员

发布消息

发布活动

发布资讯

发短信

收支录入

文档上传

嗨嗨嗨，欢迎来注册。。。
1
1	2
1	2
1

上

下

回复讨论(解决方案)

你又发了一个；
在那个里面已经说的很清楚了。。。
http://topic.csdn.net/u/20120927/09/0adc0e37-92c3-47ce-b03c-d4254adb447c.html

分别将左中右三个div的宽度设为33%就可以了呀

热心网友时间：2022-05-13 01:53

1、打开HTML编辑器（以hbuilder为例）

2、在左侧空白处右击新建web项目；

3、输入项目名称，点击确认；

4、在左侧点开项目双击index页面；

5、将下面代码复制到<body>中；

</div>

6、点击在浏览器内运行，使用你有的浏览器打开；

7、浏览器打开样式展示。

热心网友时间：2022-05-13 03:11

利用css属性里面的float属性。

首先写上3个div：

接下来写css：

.box1,.box2.box3 { float:left; }

这样三个div就会一排显示了。

热心网友时间：2022-05-13 04:45

.content {
height: 400px;
margin-top: 8px;
background-color: #00CCFF;
}
#right{
float:right; //向右浮动
width:200px; //必须要
height:XXXpx;
}
#mid{
float:right;
width:200px; //必须要
height:XXXpx;
}

#left{
float:left; // 此处也可以向右浮动如有4个的话就向右
width:200px; //必须要
height:XXXpx;
}
.cboth{
clear:both; //清除浮动
}
<div class="content">

<div id="right"></div>
<div id="mid"></div>
<div id="left"></div>
<div class="cboth"></div>

热心网友时间：2022-05-13 06:37

#right #mid #left{float:left:width:100px}
边距什么都可以定义。。。追问宽度还可以大点么?

追答可以呀。100px改大点#right #mid #left{float:left;width:160px}
这里分开写，或#right,#mid,#left

怎么在一个div里面让三个div一排显示

嗨嗨嗨，欢迎来注册。。。

回复讨论(解决方案)