日期:2014-05-17  浏览次数:20529 次

多个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;