当前位置: 代码迷 >> HTML/CSS >> 多个div放在同一行只能用float:left ?该如何处理
  详细解决方案

多个div放在同一行只能用float:left ?该如何处理

热度:345   发布时间:2012-02-24 16:30:38.0
多个div放在同一行只能用float:left ?
多个div放同一行,是不是只能用float:left 的样式?

如果只用相对定位,比如:
<div>
  <div id="1" style="position:relative;top:0;left:0;width:50%;height:100px"/>
  <div id="2" style="position:relative;top:0;left:50%;width:50%;height:100px"/>
</div>

第二个div还是会另起一行,即 div 2的位置其实是 top:100px;width:50%。

请问有没有其他布局的技巧?

------解决方案--------------------
<div style="position:relative;"> 
<div id="1" style="position:absolute;top:0;left:0;width:50%;height:100px"/> 
<div id="2" style="position:absolute;top:0;left:50%;width:50%;height:100px"/> 
</div> 

这样试试看
------解决方案--------------------
给要并列的div加属性:
display: inline-block;
  相关解决方案