读书人

多个div放在同一行只能用float:left ?

发布时间: 2012-02-24 16:30:38 作者: rapoo

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

读书人网 >CSS

热点推荐