点击收缩左边栏，右边100%显示

点击收缩左边栏，右边100%显示（兼容ie6，ie8，firefox），在设计论坛或开发软件时会涉及到收缩左边栏，使右边100％显示。有frameset框架做的，也有div＋css来实现，下面内容来自 365css是div＋css来实现的效果：

点击预览地址：点击收缩左边栏，右边100%显示

点击收缩左边栏，右边100%显示（兼容ie6，firefox）主要代码如下：

<style>
html,body {margin:0; padding:0;height:100%;width:100%;border:none; }
.main {width:100%;height:100%;text-align:left;}
.main_left {width:180px;background:green;}
.main_right { height:100%;background:#f4be14;  }
.picBox { width:9px; background:#337ABB url(images/right.gif) no-repeat center center;}
.main_left,.picBox {float:left;height:100%; _margin-right:-3px; }
</style>
<div class="main">
<div class="main_left" id="frmTitle" name="fmTitle"> 左边</div>
<div class="picBox" onclick="switchSysBar()" id="switchPoint" ></div>
<div class="main_right"> 右边</div>
</div>
还有个js文件点击下载源文件：left_right_365css.cn.rar

转自：点击收缩左边栏，右边100%显示（兼容ie6，ie8，firefox）
来源：点击收缩左边栏，右边100%显示