css - 一个框决定高度，其他宽度

Question

拥有两个 div 的最佳方式是什么，左右相邻，一个决定宽度，另一个决定高度：

CSS：

body
{
    width:960px;
    margin:auto;
}

.wholething
{
    background-color:red;
}

.leftside
{
    width:230px;
    background-color:blue;
}
.rightside
{
    height:640px;
    background-color:green;
}

HTML：

<div class="wholething">
    <div class="leftside">
    </div>
    <div class="rightside">
    </div>
</div>

结果看起来像一个蓝色框，宽 230 像素，高 640 像素，并且一个绿框，宽 730 像素，高 640 像素。然后，如果 CSS 的宽度或高度发生变化，两个框都会相应调整。请仅添加到CSS；除非绝对必要，否则不要删除 css。

Answer 1

body { 
    width:960px; 
    margin:auto; 
}
.wholething {
    background-color:red;
    position: relative;
    height: 640px;
} 
.leftside { 
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width:230px; 
    background-color:blue; 
} 
.rightside { 
    position: absolute;
    left: 230px;
    right: 0px;
    top: 0px;
    bottom:0px; 
    background-color:green; 
} 

那会起作用的。但是，您需要更改第二个的 left 以匹配第一个的 width。