javascript - 获取宽度为 100% 的子 div 的宽度给出窗口宽度

Question

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。