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