1、使用css float并排显示：
对div设置一个float浮动属性即可解决不并排显示，只要并排div盒子总宽度小于或等于最外层盒子宽度即可实现多个div对象并排显示。
加float浮动实现多个div并排显示。
这里对div通设一个浮动，当然实际使用时候，要通排显示div对象的加入css类，就对要同行显示css选择器设置浮动。避免其它不需要设置的也被加入浮动样式。
2、使用css display同行显示：
加入display:inline即可解决实现同行并排显示div盒子对象。
对div标签设置div{ display:inline}样式。
扩展资料
div标签的作用：
主要应用div结构网页大小局部，架构网页框架。譬喻一张网页最外层、大结构布局、小部份布局。div内可以嵌入模式，也或许嵌入任何标签。要实现漂白的各种各样的网页，div使用必不可少，div机关框架再运用css对其设置名堂，完成千般各样刻舟求剑的网页。
div标签自身是不有任何效用的标签，也不是特殊标签。一样平常组织经常运用DIV作为主要的构造标签，再配合其他标签的应用达到结构需求，而另外标签各有各机能与作用。
div自身就作为DIV CSS构造的首要标签（div构造大小结构，架构大小框架、嵌套嵌入形式或其他标签，应用其他标签大面积构造大小结构 大小框架不切当），所以要应用div标签构造html。
假设 apDiv1是外面的层，apDiv2，apDiv3是里面的，给apDiv2，apDiv3 设置浮动为左就可以了，还有当apDiv2的宽度加上apDiv3的宽度大于apDiv1的宽度是，apDiv3会跑到apDiv2下面，这时可以改它们的宽度。
#apDiv1 {
position:absolute;
left:21px;
top:14px;
width:585px;
height:282px;
z-index:1;
background-color: #0000FF;
}
#apDiv2 {
float:left;
width:242px;
height:98px;
z-index:2;
background-color: #993300;
}
#apDiv3 {
float:left;
width:254px;
height:113px;
z-index:3;
background-color: #CCCC00;
}
或者。
<style>
#left,#right {float:left;border:1px solid red; padding:10px;}
</style>
<div id= "main ">
<div id= "left "> 1111 </div>
<div id= "right "> 2222
2222
2222 </div>
<!-- 如果不用clear属性可能会浏览器不兼容问题。 -->
<div style="clear:both"></div>
</div>
扩展资料：
布局知识：
DIV+CSS布局，CSS布局是网页html通过div标签+css样式表代码开发制作的（html）网页的统称。
div+css布局好处：便于维护，有利seo（谷歌将网页打开速度作为排名因素及SEO因素），网页打开速度更快，符合web标准等。
IE中两个层之间的间隙（IE 3px bug）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>YourHomePage.com.cn</title>
<style type="text/css">
<!--
#left {
float:left;
width:200px;
height:100px;
background:#f00;
}
#right {
width:200px;
height:100px;
background:#fc0;
}
-->
</style>
</head>
<body>
<div id="left">YourHomePage.com.cn</div>
<div id="right">YourHomePage.com.cn</div>
</body>
</html>
本回答被网友采纳方法一：让div块分别左右浮动
方法二：一个浮动，另一个只要放的下，自动跟随；
两种方式都能实现并排，代码如下
div{float:left;}不懂得追问，希望采纳我
我写个例子
<div id="da" style="width:300px; height:50px; overflow:hidden;">
<div id="xiao1" style="width:100px; height:50px; float:left; background:#f00;">
<div id="xiao2" style="width:100px; height:50px; float:left; background:#f60;">
</div>本回答被网友采纳
DIV+CSS布局问题,让两个DIV标签并排
1、使用css float并排显示：对div设置一个float浮动属性即可解决不并排显示，只要并排div盒子总宽度小于或等于最外层盒子宽度即可实现多个div对象并排显示。加float浮动实现多个div并排显示。这里对div通设一个浮动，当然实际使用时候，要通排显示div对象的加入css类，就对要同行显示css选择器设置浮动。避免其它...
DIV+CSS布局问题,我们想让两个DIV标签并排,第2个为什么老跑第一个...
给div加浮动float属性就可以了，左浮动（float：left）或者右浮动（float：right）都无所谓只有宽度不超过他们的父元素的宽度就ok，最后加上一个clear属性来清除浮动，防止下面的元素发生错位现象。把下边代码贴到网页的body里面 <style> div{ border:1px solid #000;} .div{ width:300px; height:200...
怎么让两个div并排显示?
1、首先如图所示的web结构即一个html和css即可实现。2、打开html页面 定义一个大的div和两个小div 如图所示。3、最常用的float浮动，只要两个小div的宽度小于等于大div的宽度，即可实现并排了。4、使用position进行绝对定位，然后使用margin-left除去第一个小div的宽度即可。5、使用table盒子实现div并排，...
DIV+CSS布局问题,让两个DIV标签并排
apDiv1是外面的层，apDiv2，apDiv3是里面的，给apDiv2，apDiv3 设置浮动为左就可以了，还有当apDiv2的宽度加上apDiv3的宽度大于apDiv1的宽度是，apDiv3会跑到apDiv2下面，这时可以改它们的宽度。apDiv1 { position:absolute;left:21px;top:14px;width:585px;height:282px;z-index:1;backg...
DIV+CSS布局入门级问题,两个div并排,怎么弄啊
这样加上合适的宽度就行了：<header style=""> <div style="float:left;"><h1 style="float:left;display: inline;">标题<\/h1><\/div><div style="float:left;"><\/div> <\/header> H1也需要加上浮动属性，还有用display: inline;去掉占一行的默认属性。
DIV+CSS布局问题,我们想让两个DIV标签并排,第2个为什么老跑第一个...
您把下面的代码放在BOBY里试一下先画一个层，再在这个层里写两个层，然后把宽度设置好后，加个float:left;就是说让层整体靠左，里面另一个层也一样，但是你要记住，层默认的是一行 <body> <div style="width:1000px; text-align:center;" id="content"> <div style="width:300px; height:...
使用CSS如何让两个div并排显示
方法一：把div设为“行内块级元素”：<style>div {display:inline-block; border:1px solid #000}<\/style><div>第一个div<\/div><div>第二个div<\/div>方法二：使用浮动：<style>div {float:left; border:1px solid #000}br {clear:both}<\/style><div>第一个div<\/div><div>第二个div<...
怎么让两个DIV在同一行显示呢?
CSS 代码：效果演示：在这个示例中，.container 是包含两个 div 元素的父容器，.box 是每个 div 的样式。通过将 .box 的 display 属性设置为 inline-block，并设置合适的宽度，两个 div 元素将并排显示在同一行。你可以根据需要调整宽度和其他样式。♡♡ 有帮助到的话，麻烦采纳哦！&#...
css多个div在同一行;html两个div同一行
在html代码页面上创建两个div标签，然后给这个两个div标签添加class类，案例中class类分别为：one，two。 创建div代码： div class="one"第一个div\/div div class="two"第二个div\/div 创建style标签，设置class类one，two样式。需要设置宽、高、浮动、边框以及box-sizing属性。
在HTML中,如何让两个DIV在同一行显示?
把两个div放在一个父div里面，然后进行浮动即可。下面我们一起来实现以下：创建一个父div，然后创建两个子div，代码如下：给div加上css样式，分别给他们设置背景颜色，父div可以不设置，子div设置绿色，然后给div加上浮动代码即可,"float:left"我们来写一下代码：下面我们来看一下运行效果 DIV是层叠样式...
