要求右侧自适应，怎么回事啊

Question

.top{height:100px;background:#ccc;margin:0 auto}

.main{height:600px;background:red;position:relative}

.left{

height: 600px;

width:200px;

background: blue;

    positive:absolute;top:0;left:0}

.right{

height: 600px;

width:100%;

background: green;

position:absolute;

margin-left:210px;

}

.foot{height:50px;background:#F63;}

Answer 1

左给定宽  然后右给百分比

Answer 2

width: 100%也就是说宽度跟父元素一样宽，然后又加了一个margin-left:210px，结果所以就超出父元素啦。所以可以把.right的样式修改一下，最终代码如下：.top{   height: 100px;   background: #ccc; } .main{   height: 600px;   background: red;   position: relative } .left, .right {   position: absolute;   top: 0;   height: 100%; } .left{   width: 200px;   background-color: blue;   left: 0 } .right{   background-color: green;   left: 210px;   right: 0; } .foot{   height: 50px;   background: #F63; }