HTML:
<div id="parent">
<div id="child">
<div id="child1"></div> <!-- UPDATE -->
</div>
</div>
CSS:
#parent{
float:left;
width:90%;
}
/* UPDATE*/ #parent #child{
float:left;
width:100%;
}
/* UPDATE*/
/* In a different file*/
#child1{
float:left;
width:100%;
}
jQuery的:
假设窗口的宽度为1000px。所以#parent的宽度应该是900px。如果我试图获得#child1的宽度,它也应该是900px。但是下面的jQuery代码返回1000px。
jQuery("#child").width(); //UPDATE: returns 900px as width
jQuery("#child1").width(); //UPDATE: returns 1000px as width
由于上述陈述,我需要900px。