1

誰かがこの c0de を見て、なぜうまくいかないのか教えていただけないでしょうか。ページ幅に応じてサイズを変更したいので、ダイブサイズを計算する必要があります。Div1 と Div3 を固定サイズに保ち、Div2 に対して動的に作成します。

フィドルはここにあります:http://jsfiddle.net/yMcXm/89/

どうもありがとう

$(document).ready(function() {
var cw = $('#container').width();
var d1 = $('#d1').width();
var d3 = $('#d3').width();
$(".d2").width(cw-d1-d3);


$(window).resize(function() {
var cw = $('#container').width();
var d1 = $('#d1').width();
var d3 = $('#d3').width();
$(".d2").width(cw-d1-d3);
});
});
4

1 に答える 1

2

JS をこれに変更する必要があります (間違ったセレクタ ( (class)#の代わりに (id)を使用.))。

$(document).ready(function() {
var cw = $('#container').width();
var d1 = $('.d1').width();
var d3 = $('.d3').width();
$(".d2").width(cw-d1-d3);


$(window).resize(function() {
var cw = $('#container').width();
var d1 = $('.d1').width();
var d3 = $('.d3').width();
$(".d2").width(cw-d1-d3);
});
});

また、マージンとパディングにも注意する必要があります$(".d2").width(cw-d1-d3-12);

[編集] CSS ソリューションを使用しない理由:更新された Fiddle を確認してください

于 2013-08-18T11:26:51.667 に答える