左右固定 中间自适应布局

css:
.container{width: 100%;height:100%;}
.sidebar{position: relative;float: left;width:80px;background: pink;height:100%;}
.main{margin:0 100px 0 80px;height: 100%;background: gray;}
.slider{float: right;width:100px;background: orange;}

html:
<div class="container">
    <div class="sidebar">左侧导航</div>
    <div class="slider">右侧</div>
    <div class="main">中间自适应部分</div>
</div>

注意：
main模块的html放在左右之后