你现在的位置:首页》DW学习
欢迎光临菜鸟网站,请留下你的宝贵意见,我会不断改进!


列表每行同时平行显示几个项目

css+div 学习中,列表的制作方法真多,也是我最感兴趣的。teb选项卡学完后,得往里面装内容,一列排列没有问题,如“工具使用”菜单,好宽的行,一排不好看,排两排,不会做。昨天,翻了教材,就是将li左浮动,然后给个宽度,一行两列,三列都由宽度来分配,它能自动换行;好简单,动手吧!今天捣鼓了半天才成功,因为列表项浮动后,高度超出包含容器,外框不能包含列表内容,最后一行跑到外框下面去了。解决方法嘛,就是清除列表浮动:
CSS设置:
.clear { clear:both;}
把<div class="clear"></div>加到</ul>后面。
    虽然学得好辛苦,今天还是很高兴,毕竟有成效,值!谢谢群友Jìп·уC。
关于浮动的文章不错: http://www.w3school.com.cn/css/css_positioning_floating.asp
清除网页浮动CSS的做法: http://www.webjx.com/css/divcss-9116.html

2009年4月1日