html,body{
height:100%
width:100%
padding:0px
border:0px
margin:0px
}
方法和详细的操作步骤如下：
1、第一步，创建或打开Web项目，新建html文件以及CSS文件，见下图，转到下面的步骤。
2、第二步，执行完上面的操作之后，图中显示了HTML页面代码，定义div并给出id属性等级，见下图，转到下面的步骤。
3、第三步，执行完上面的操作之后，将“height”值设置为零，使用“padding”属性的“top”或“bottom”，同时运用背景色来进行测试，见下图，转到下面的步骤。
4、第四步，执行完上面的操作之后，效果如下，如果进行放大或进行缩小，则宽度和高度将进行相应的更改，见下图。这样，就解决了这个问题了。
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>
