如何把两个DIV并排排列在一行，还不是一列（20分）

Question

如何把两个DIV并排排列在一行，不要用position:absolute然后用LEFT或TOP来解决，因为这样是相对怎么个页面的，我只是想在一个DIV中的两个DIV能够在这个DIV中并排

Answer 1

给这两个DIV设定一个宽度，然后定义float:left; display:inline;

例如HTML是这样：
<div class="container">
<div class="box">121212</div>
<div class="box">455656</div>
</div>

在css里面要让两个class为box的DIV并排时只要这样定义即可
.box {width:50%; float:left; display:inline;}

另外，说明一下，display:inline 是可以不加的，不过有时会在某些浏览器里面出现兼容问题，一般还是加上好一点。

Answer 2

很简单，让两个要并排的div全部float:left 答案补充 float是让div标签浮动的，因为div是块级元素，默认是不能在一行上显示的。只能css来改变，代码如下：<style type="text/css">

#content {
float: left;
width: 270px;
}
#content2 {
float: left;
width: 270px;
}
</style>
<div id="content"></div>
<div id="content2"></div>

Answer 3

对两个DIV设置宽度，对两个DIV都设置浮动，实现两个DIV在同一行上

Answer 4

position：relative和margin一起用行不行