首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

流动式三栏设计中栏无法使用类似表格的div+css显示?该如何处理

2012-02-08 
流动式三栏设计中栏无法使用类似表格的div+css显示?三栏流动式布局#left{float:leftwidth:200pxline-hei

流动式三栏设计中栏无法使用类似表格的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

热点排行