Question

html 中的两个div 如何并排显示

</div>
<div id="body">
<div id="body-left"><div id="body-leftinfo"></div></div>
<div id="body-right"><div id="body-rightinfo"></div></div>
</div>
效果就是<div id="body-left">和<div id="body-right">并排显示

Answer 1

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

2、在index.html中的“<div id="body-left">”中添加“style="float: left"
”。

3、浏览器运行index.html页面，此时<div id="body-left">和<div id="body-right">变成并排显示了。

Answer 2

打比方说我有两个层：a,b。他们在层C中，那么这样写：
<div id="c" style="float:left;">
<div id="a" style="float:left; height:50px;width:50px">这是层a</div>
<div id="b" style="float:left; height:50px;width:50px">这是曾b</div>
<div style="clear:both"></div><!--这个层很有用，必须要，否则可能不兼容。-->
</div>

Answer 3

首先定义两个div：box1、box2
1、给box1设置css属性为float：left
2、或者给box2设置css属性为float：right

Answer 4

<style>
#body-left{ float:left;}
#body-right {float:left;}
</style>
就可以了~~

试试吧

Answer 5

css中加float：left