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

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

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

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

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

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

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

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

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

首先写上3个div：

这是第1个div

这是第2个div

这是第3个div

接下来写css：

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

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

.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; //清除浮动
}