固定宽度div在右边，填充剩余的宽度div在左边

Question

我正在寻找一种将2个div作为列的方法，其中右侧的div具有固定的宽度，左侧的div填充剩余空间。

有谁碰巧知道是否可以做到这一点？

我的尝试 （在block1下面提供了block2） ：

<style>
.block1 {
   width: auto;
   height: 200px;

   background-color: green;
}
.block2 {
   float: right;
   height: 200px;
   width: 200px;

   background-color: red;
}
</style>

<div class="block1">test1</div>
<div class="block2">test2</div>

Answer 1

您可以这样做：

HTML：

<div class="right">right</div>
<div class="left">left</div>

CSS：

.left{
    background:red;

}
.right{
    float:right;
    width:200px;
    background:green
}