左右固定 中间自适应布局
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放在左右之后