2012-11-20 129 views
3

我有一个div包含几个div。我改变了父div的宽度。但由于divs是父母div的孩子,其宽度越来越大。我写这样的CSS类。应用相同的宽度作为父div div

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

这里s4-workspace是父div。 应用上述属性后,当我在IE中看到宽度增加到1600px。我想将这个宽度应用于所有的子div。有没有什么方法可以在jQuery中实现这样的功能?

我在Sharepoint设计师工作。

+1

用css做这件事怎么样?像宽度:100%或显示:块? –

+0

那不行。所有准备好尝试 – Mihir

+3

也许你可以使用jsfiddle来显示该问题?因为它是CSS的工作,所以用js设置宽度是个不好的设计。 –

回答

3

您可以使用width() jquery函数来设置获取儿童使用的宽度children()函数。

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

它更好地处理它与样式表而不是jQuery/javascript。设置儿童百分比的宽度可以做到这一点,如100%。

0

width:100%;将正常工作

3
当然

,是否有这些孩子有边界,或填充,或者是浮动与其他彩车,这种做法是行不通的。你有没有发现为什么这些子元素的大小是1600?

+0

不,我无法找到。 – Mihir

+0

您是否使用浏览器(例如chrome),并使用内置的网络检查器?或Firefox,在这种情况下,你可以检查出萤火虫?这些工具会告诉你什么样的元素应用于哪些元素 - 这对CSS调试非常重要。 –

+0

是的,我只是想找到那里。但宽度显示给子div。我不知道为什么即使我在.js文件中应用。 – Mihir