CSS 之 float 实现多个层横排

关键代码:


<div style="background:#EEEEEE;padding:10px; width:400px;">
 <div id=demo0 style="float:left; width:100px; padding-top:10px;">
 今天的你我怎样重复昨天的故事,我这张旧船票还能否登上你的客船
 </div>
 <div id=demo1 style="float:left; width:100px; padding-top:20px;">
 今天的你我怎样重复昨天的故事,我这张旧船票还能否登上你的客船
 </div>
 <div id=demo2 style="float:left; width:100px; padding-top:30px;">
 今天的你我怎样重复昨天的故事,我这张旧船票还能否登上你的客船
 </div>
</div>

 

需要注意的是,最外面 DIV 的 width 不能小于里面多个子 DIV 的 width 之和

posted @ 2010-11-12 13:03  踏歌长行  阅读(276)  评论(0编辑  收藏  举报