关于调整 Div 大小的 Javascript 问题

Question

请问是否有人可以查看此 c0de 并告诉我为什么它不起作用。这很简单，我需要计算潜水尺寸，因为我希望它相应地调整大小带页宽。保持 Div1 和 Div3 的大小固定，并为 Div2 动态调整。

fiddle 在这里: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);
});
});

Answer 1

您应该将您的 JS 更改为此(错误的选择器(您使用 # (id) 而不是 . (class)))。

$(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 解决方案:check your updated Fiddle