css代码
html,body{
width: 100%;
height: 100%;
}
#header{
width: 100%;
height: 60px;
background-color: blue;
z-index: 999;
}
#content{
position: absolute;
top: 60px;
left: 0;
right: 0;
bottom: 0;
}
#left,#right{
width: 200px;
height: 100%;
background-color: #ffe6b8;
}
#left {float: left;}
#right{float: right;}
#center{
margin: 0 200px;
height: 100%;
background-color: #a0b3d6;
overflow: auto;
}
html代码
<div id="header"></div>
<div id="content">
<div id = "left"></div>
<div id = "right"></div>
<div id = "center"></div>
</div>