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

2025-02-02 01:47:55

推荐回答（4个）

回答1：

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

例如HTML是这样：

121212

455656

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

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

回答2：

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

回答3：

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

回答4：

position：relative和margin一起用行不行