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