Question

两个div的最佳方法是什么，左右两个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>

结果看起来像一个230px宽，640px高的蓝色框，以及一个宽730px，高640px的绿色框。然后，如果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。

css - 一个盒子决定高度，另一个宽度

1 个答案: