Question

我有两个div。我希望左边的那个是200px。我希望右边的那个填满任何屏幕宽度 - 200px。换句话说，在绘制左边的div之后，右边的div应该是可用空间的100％。这样做有一种纯粹的CSS方式吗？

<div class='l'></div><div class='r'></div>
.l {
    display:inline-block;
    background:green;
    width:100px;
    height:20px;
}

.r {
    background:red;
    height:20px;
}

Answer 1

Working jsFiddle Demo

考虑以下标记：

<div id="fixed">Fixed Width</div>
<div id="flexible">Flexible Width</div>

在你的CSS中：

#fixed {
    background: red;
    float: left;
    width: 200px;
}

#flexible {
    margin-left: 200px;
    background: green;
}

你如何让div 100％ - 一些px？

1 个答案: