首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

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

2012-02-24 
多个div放在同一行只能用float:left ?多个div放同一行,是不是只能用float:left 的样式?如果只用相对定位,

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

热点排行