css - 固定サイズのdivの周りのスペースを比例的に埋める方法は?

Question

誰か助けてくれませんか？

私は3つの部門を持っています。

enter code here

• 中央のものは常に 1040px にする必要があります。
• 左右の 1 つは、左側のスペース全体を埋めます。

ウィンドウのサイズを変更するときに、それらを比例して拡大/縮小するにはどうすればよいですか?

コードは次のとおりです。

http://codepen.io/christophz/pen/413d31df9d33e1205b73bed3ebee1f5d

事前にどうもありがとうございました！

Answer 1

これは非常に速いので、少しずれているかもしれませんが、アイデアを得ることができるはずです

HTML

<div class="a"></div>
<div class="b"></div>
<div class="c"></div>

CSS

div { float: left;}
.b { width: 1040px;}

JQuery

$(document).onload(resize);
$(window).resize(resize);
function resize() {
    var ww = $(window).width();
    var width = (ww-1040)/2;
    $('.a').width(width);
    $('.b').width(width);
}

Answer 2

3 列のテーブルを追加します。中央の列に div を追加します。これらの列に必要なサイズを指定します (例: 10-80-10)。または-80-。