jquery - width:auto; を使用する別の div の幅に合わせます。次に、それにx量を追加します

Question

とにかく、他の div が wi​​dth:auto; を使用している場合、div を別の div の幅と一致させることができますか? コンテンツに応じて動的に変更されます。次に、幅に余分な量のピクセルを追加します。

例えば...

jsフィドル

HTML

<div id="div1">
    <div id="filler"></div>
    <div id="filler"></div>
    <div id="filler"></div>
</div>
<div id="div2"></div>

CSS

#div1 {
    position:absolute;
    height:100px;
    width:auto;
    min-width:100px;
    background-color:blue;
    padding-right:10px;
}

#div2 {
    position:absolute;
    height:100px;
    min-width:100px;
    top:150px;
    background-color:red;
}

#filler {
    position:relative;
    height:80px;
    width:80px;
    top:10px;
    margin-left:10px;
    background-color:yellow;
    float:left;
}

div2 を div1 の幅に一致させてから 100px を追加するにはどうすればよいですか? では、div 1 にいくつのフィラー div を入れても、div 2 は常に同じ幅 +100 になりますか?

のように... (div2 幅) = (div1 幅) + 100

Jquery が何らかの形で関与すると思われるので、タグに追加しました。