html布局，下面怎么使两个div在同一行显示？

2024-11-30 11:47:31

推荐回答（3个）

回答1：

两种常用方法：

左左左左左左左

右右右右右右右

。

一、
.p_left{float:left;}。

.p_right{float:left;}。

二、(中间如果有空格他会留空格的上面的就不会，你要块状也可以换成display:inline-block;)。
.p_left{display:inline；}。
.p_right{display:inline;}。

在界面设计的时候，经常需要将两个div在同一行显示。

如以下要将“第一个div”和“第二个div”显示在同一行：

/*外层div*/

第一个div

第二个div

只需要对id2和id3增加css样式即可，如下所示：

/*外层div*/

第一个div

第二个div

这样就可以了。

回答2：

实现两个DIV盒子并排，一行只显示两列DIV布局，使用width宽度+float浮动即可实现一行显示两列DIV布局。

 
 
 
 
两个DIV并排 
 
 
 
第一个DIV盒子

第二个DIV盒子

回答3：

你知道为什么你的代码没法实现吗？

1，body margin:0;padding :0;} → body { margin:0;padding :0;} 少了个中括号
2， .left{float：left; width:184px; border:1px solid #000;} → float：left; 的分号
是半角的字符这个 float:left;

细节要注意了