DIV+CSS布局问题，让两个DIV标签并排

DIV+CSS布局问题，让两个DIV标签并排而不是2行显示

2024-12-12 00:11:13

推荐回答（5个）

回答1：

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。

回答2：

假设 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;

}

或者。

1111

2222

扩展资料：

布局知识：

DIV+CSS布局，CSS布局是网页html通过div标签+css样式表代码开发制作的（html）网页的统称。

div+css布局好处：便于维护，有利seo（谷歌将网页打开速度作为排名因素及SEO因素），网页打开速度更快，符合web标准等。

IE中两个层之间的间隙（IE 3px bug）

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

YourHomePage.com.cn

回答3：

方法一：让div块分别左右浮动

方法二：一个浮动，另一个只要放的下，自动跟随；

两种方式都能实现并排，代码如下

div{float:left;}

不懂得追问，希望采纳我

回答4：

首先要在外面包一个大的DIV ，然后里面的2个小DIV 设置这样的样式 float:left; 其中left可以改成 right或者什么的，当然打的DIV要清除里面的浮动，
我写个例子

回答5：

float:left; display:inline;