两个DIV如何横向排列?

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

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

  两个DIV横向排列方法一:

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

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

  

  两个DIV横向排列方法二:

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

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

  

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

温馨提示:内容为网友见解,仅供参考
第1个回答  2012-01-10
根据我的经验,你要是设两个div的宽度是48%的话,在各个浏览器中表现可能会不一样(使用float),比如ie6的时候是一上一下,ie9是一左一右。所以我还是建议用table做。真心的
第2个回答  2020-05-01
两个div外面套一个父容器,在父容器的样式里面加这两行:
display: flex;
flex-direction: row;
第3个回答  2012-01-10
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;}

本回答被提问者采纳
第4个回答  2012-01-10
<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>
相似回答