css - 2 div、100% マイナス 250px の幅は可能ですか?

Question

左側に 1 つ、右側に 1 つ、完全な高さの 2 つの div があります。右側の 1 つは幅 250px で、左側の 1 つは残りの領域 (液体) を埋める必要があります。

それはできますか？幅のみの場合: 100% - 250px; うまくいきましたか？

Answer 1

250px のものを右にフロートさせ、拡大するものに 250px の右マージンを与えるだけです。

<div class="right">
    Some right content
</div>
<div class="main">
    Some main content
</div>

.right {
    width: 250px;
    float: right;
}
.main {
    margin-right: 250px;
}​

jsFiddle を参照してください。

一方が他方よりも大きい場合、高さが同じになるようには拡張されませんが、すでにカバーされていると思いますよね？