获得宽度为100%的子div的宽度给出了窗口宽度

时间:2013-04-26 17:27:41

标签: javascript jquery

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。

0 个答案:

没有答案