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

流动式三栏设计中栏无法使用类似表格的div+css显示?
三栏流动式布局
#left   {float:left;   width:   200px;   line-height:20px;   border:1px   solid   #FFB99B;}
#right   {float:   right;   width:   200px;   line-height:20px;   border:1px   solid   #FFB99B;}
#middle   {padding:   0px   210px   0px   210px;   margin:   0px;   line-height:20px;}

想要使用类似表格的显示样式
#table   {clear:none;}
#table   ul   {clear:none;margin:0px;padding:0px;list-style-type:none;}
#table   li   {float:left;display:block;margin:0px;padding:0px;border:1px   solid   #ccc;width:45px;}

存在的问题:
因为中栏是整个页面宽度减去左右两侧栏的宽度,而#table的宽度不一样撑满中栏,这就造成#table的每个ul不会自动换行。又不能在#table使用clear:both这样的设置,否则无法容纳左右侧栏。

请问:这种情况怎么解决(首选div+css非 <talbe> <tr> <td> 方式)?

------解决方案--------------------
http://www.doyoe.com/wzcg/showarticle.asp?keyfid=expbz&id=93