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 が必要です。