Question

两个DIV如何横向排列？

头部是一个表格 Body体内如何让两个div并排？

Answer 1

　　如何定义让两个DIV横向排列

　　两个DIV横向排列方法一：

　　一般情况，默认的DIV是写一个换一行，那么如何定义两个DIV横向排列而不换行呢?

　　DIV默认的display属性是block。所以每一个DIV都是新的一行，现在把display换成inline就不会换新行了。

　　

　　两个DIV横向排列方法二：

　　这里使用float:right属性。float做为CSS中的一个属性定义元素向哪个方向浮动。float:right文本或图像会移至父元素中的右侧。

　　注意有写情况float属性必须配合width使用，否则失效。

　　

　　height:24px;和line-height:24px;高度一致，文字垂直居中。

Answer 2

根据我的经验，你要是设两个div的宽度是48%的话，在各个浏览器中表现可能会不一样（使用float），比如ie6的时候是一上一下，ie9是一左一右。所以我还是建议用table做。真心的

Answer 3

两个div外面套一个父容器，在父容器的样式里面加这两行：
display: flex;
flex-direction: row;

Answer 4

div 设置好宽度 并且两个div宽度的和不超过总body的宽度 然后 给div设置 float:left;属性 就可以了

追问

头部是一个表格 Body体用两个DIV 有一个DIV已经设置好了 但为什么不能插入第二个Div 为啥会跑版？

追答

左侧
右侧///两个层宽度加起来不超过body设定的宽度

css样式
.clearfix:after{content: ".";clear: both;height: 0;visibility: hidden;display: block;font-size:0;}
.clearfix{zoom:1;overflow:hidden;}

Answer 5

<div style="width: 800px">
<div style="width: 200px; float:left"></div>
<div style="width: 580px; float:left; margin-left: 20px"></div>
<div style="clear:both"></div>
</div>