jquery - 对子 div 应用与父 div 相同的宽度

Question

我有一个包含多个 div 的 div。我改变了父 div 的宽度。但是由于 div 是父 div 的子元素，因此宽度正在增加。我这样写了css类。

$('#s4-workspace').css({
    'width': '900px'
});

这s4-workspace是父 div。应用上述属性后，当我在 IE 中看到时，宽度增加到 1600px。我想将此宽度应用于所有子 div。有什么方法可以在 jquery 中实现这样的功能吗？

我在共享点设计师工作。

score 3 · Accepted Answer

您可以使用width() jquery 函数通过使用children()函数获取孩子来设置宽度。

$('#s4-workspace').children().width($('#s4-workspace').width());

最好用样式表而不是 jquery/javascript 来处理它。以百分比设置孩子的宽度可以做到这一点，比如 100%。

score 3 · Accepted Answer

当然，如果这些孩子中的任何一个有边框，或填充，或浮动在其他浮动旁边，这种方法将不起作用。您是否确定了为什么这些子元素的大小为 1600？

score 0 · Accepted Answer

0

会width:100%;正常工作

于 2012-11-20T08:50:14.560 回答

3 回答 3