1）通过css高度100%，但是要div的父级元素高度为100%
前提：以知父级元素并且父级元素高度可控
2）通过100vh
前提：适合移动端或者不用兼容IE的项目
3）使用定位拉伸
把html和body属性设置如下，就能自动充满页面：html,body{
height:100%
width:100%
padding:0px
border:0px
margin:0px
}
right是无法只适应填满剩余的高度和宽度的，必须设定right的高度，让right的高度大于left的的高度。
<style>
#main{
width:100%
height:60px
float:left
background:#0F0
}
#left{
height:50px
width:200px
background:#90F
float:left
}
#right{
width:100%
background:#FF0
height:200px
}
</style>
</head>
<body>
<div id="main"></div>
<div id="left">222222222222</div>
<div id="right">11111111111111</div>
</body>
</html>
