css 固定垂直边栏

<style type="text/css">
*{margin:0;padding:0;}
html,body{ background:#F0DFDB; height:100%; width:100%; overflow:hidden}
#wrap{ height:100%; overflow:auto; overflow-x:hidden; width:100%}
h3{ font-size:18px; }
p{ padding:20px; }
#header{ width:100%; background:#A94E38; color:#F0DFDB;}
#bar{ width:20%; position:absolute;  left:0; top:80px; background:#eee; }
#content{ width:80%; margin-left:20%; background:#fff; }
#footer{ background:#7082C2; width:100%; clear:both}
</style>