Question

我正在尝试将父div标签min-width设置为内部所有子节点的等效宽度。有没有办法做到这一点？

例如，

<div id="Wrap">
 <div id="sidebar">
 </div>
 <div id="content">
 </div>
</div>

#sidebar{
width: 325px;
}

#content{
width: 500px;
}

然后jquery将添加侧边栏和内容div标签并设置最小宽度。有没有办法做到这一点？

谢谢！

Answer 1

使用jQuery的css（）方法，您可以读取和设置css属性：

var a = $('#sidebar').css('width').replace('px', ''); // get sidebar's width
var b = $('#content').css('width').replace('px', ''); // get content's width

var c = parseInt(a) + parseInt(b);
c = c + "px";
$('#Wrap').css('width', c);   // set Wrap's width to c value

Answer 2

您想计算#Wrap内的所有div并设置其宽度？

点击此处DEMO http://jsfiddle.net/yeyene/BbcmU/2/

$(document).ready(function(){
    var total = 0;
    $("#Wrap").children("div").each(function() {      
        total += $(this).width();  
    });
    $('#Wrap').css({ 'min-width': total });
});

jquery min width计算（加法）

2 个答案: