html - CSSのみで残りのスペースのパーセンテージに沿って分割する

Question

たとえば、30px の絶対的な div があります。CSS で 2 番目の div の長さを残りのスペースの全長に設定する最良の方法は何ですか?

Answer 1

<div style="display: table; width: 300px; height: 300px; background: lightblue;">
    <div style="display: table-cell; width: 30px; background: lightcoral;">A</div>
    <div style="display: table-cell; background: wheat;">B</div>
</div>

(フィドル)