参见英文答案 >
2 column div layout: right column with fixed width,left fluid8个
我搜索一个方法有两个div作为列,右边的div有一个固定的宽度,div在左边填充剩余空间.
我搜索一个方法有两个div作为列,右边的div有一个固定的宽度,div在左边填充剩余空间.
有没有人碰巧知道这可以做到吗？
我的尝试(将block2呈现在block1下)：
<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>
解决方法
你可以这样做：
HTML：
<div class="right">right</div> <div class="left">left</div>
CSS：
.left{
background:red;
}
.right{
float:right;
width:200px;
background:green
}
