布局

top定高,left定宽,高度充满。right充满剩余。

by zicai

HTML

<div class="top">
    top
</div>
<div class="left">
    left
</div>
<div class="right">
    right
</div>

CSS

body,html{height: 100%;overflow:hidden;}
.top{
    height: 60px;
    background:red;
}
.left{
    width: 200px;
    height: 100%;
    background:blue;
    float:left;
}
.right{
    height: 100%;
    background:#333;
    margin-left: 200px;
}