更多的时候可能是设置左右两栏宽度固定,中间一栏宽度自适应,不过本章节恰恰相反,下面介绍一下如何实现中间一栏宽度固定,左右两栏宽度自适应,关于左右两栏固定,左右宽度自适应可以参阅左右两列宽度固定中间一栏宽度自适应代码实例一章节。
代码实例:
蚂蚁部落 *{ margin:0; padding:0;}body{ font-family:Verdana, Arial, Helvetica, sans-serif; min-width:620px;}#header,#footer{ clear:both; padding:10px; text-align:center;}#left,#right{ float:left; width:50%; margin:0 0 0 -151px;}#innerLeft,#innerRight{ margin:0 0 0 151px; background-color:#efefef;}#middle{ float:left; width:300px; background-color:#ccc;}.inner{ padding:12px; text-align:center; font-size:12px;}
左侧栏目
查看更多关于css实现的左右两栏宽度自适应中间一栏宽度固定_html/css_WEB-ITnose的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://www.haodehen.cn/did110694