html - フローティング div - 利用可能な幅を埋める

Question

私はdivを浮かせなければなりません.1つは左側にあり、もう1つは右側にあります。私が（jsなしで）やりたいことは、右のdivが利用可能なスペースを埋めることです（幅：100％）。問題は、左の div の幅が動的であることです。それ以外の場合は、単純に margin-left を使用できます。display: table-cell; も試しました。しかし、それではマージンを使用できず、境界線の間隔のみを使用できます。

なにか提案を？

Answer 1

あなたはおそらくこれを行うことができ、IE8以上で、FFで、Safariで動作します。次の例のように、マージンの代わりにパディングを使用できます。

<style>
    .c_0 {
        display:        table;
        width:          100%;
        border:         4px solid orange;
    }

    .c_1 {
        display:        table-cell;
        width:          20%;
        border:         1px solid red;
        padding-right:  20px;
    }

    .c_2 {
        display:        table-cell;
        border:         1px solid blue;
    }
</style>

<div class="c_0">
    <div class="c_1">
        has a width and padding instead of margin
    </div>
    <div class="c_2">
        has the rest
    </div>
</div>

編集

これは、最初の行の「%」でのみ機能します。あなたがピクセルを欲しがっているのを見たのは遅すぎました。