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

css 定位问题
我有个页面,我现在获取数据后,可能生成的div数量不确定,比如:搜索关键字"A" 有五个结果,就生成五个div 高度都为27px, 搜索关键字"B" 有八个结果,就生成八个div 每个div高度为27px,问下,我要如何才能让这些div按顺序一个一个的垂直排列下来,

HTML code

<div /*外 div*/>
   <div /*字段名div*/><ul><li>姓名</li><li>年龄</li><ul></div>
   <div /*按搜索结果生成的div,数量不确定*/></div>
   <div /*分页按钮放的位置 div */></div>
</div> /*外 div结束*/
<div /*新的div*/>
</div>
</div>


因为里面有不确定的搜索结果显示的div数量,但其他的div,我想能根据上一个div顺序往下放,所以这里,没法用absolute,也没法固定高度了,我不太想用js去全部重新计算top值,问下,用css怎么定位,

可能表达有点不清楚,有不清楚的地方,大家提出来,我解释 谢谢大家了。

------解决方案--------------------
如果想在div里放搜索的结果。。。
<style>
.result {width:80%;height:27px;float:left;}
</style>

<div class="result">
<!--你要放的数据-->
</div>
<div class="result">
<!--你要放的数据-->
</div>
…………
……