Question

如何让CSS定位从数据库调用的图片横向排列

<div class="pic_list">
<ul id="ifocus_btn">
<!--{foreach @article(0, 5, 6) as $val}-->
<li><a href="{$val.url}"><img width="50" height="30" src="{@image($val.cover, 50, 50)}" alt="{$val.title}" /><strong>{@cutstr($val.title, 10)}</strong><span>{@cutstr($val.des, 20)}</span></a></li>
<!--{/foreach}-->
</ul>
</div>
.flash_pic .pic_list {float:left;width:160px;height:160px;overflow:hidden;border:solid #D8E6F0;border-width:1px 0;position:absolute;top:400px; left:150px }
.flash_pic .pic_list ul {overflow:hidden;margin-top:-1px;}
.flash_pic .pic_list li {float:left;width:240px;height:60px;overflow:hidden;}
请教，这里是数据库调用的图片文字链接，出来全是竖的，如何排成横向的，谢谢！

Answer 1

思路是对的，使用

li { float:left;}

问题出在

.flash_pic .pic_list

这样写是不对的，直接用最近的一个定位就可以了，写成：

.pic_list li { float:left;...}

Answer 2

pic_list 这个div 宽度才160 而你的li的宽度有240， 调整下宽度吧

Answer 3

float:left