私はDivをいくつかの絶対配置されたdivが含まれています。トップレベルのクリック可能な領域は子の領域に拡大されますが、描画される領域は拡大しません。描画された領域をすべてのコンテナdivを囲むようにします。コードのDiv絶対配置されたコンテンツのサイズに展開
A JSFiddleはここにある - あなたは（のdivによって隠さ）左上隅に小さな赤いボックスが表示されることがあり、いくつかのリフレッシュ後http://jsfiddle.net/VolatileStorm/C29P8/
。これはコンテナなので、子供たちを囲むようにしたい。
アイデア？ありがとうございました。
すでにJSオプションがあるので、CSSを使ってみましょう。それはハックのようなものとして出くわすかもしれませんが、それは動作します：http://jsfiddle.net/C29P8/131/
アイデアは、すべての位置決め要素を取り除くに設定することで、コンテンツに合わせて拡大しfloat: left;にコンテナ、「.pile」（またノートを設定".note"のmargin-left: -100px;と ".pile"のpadding-left: 110pxを使用してノートをシフトします（パディングの余分な10pxは赤い枠内にあるノートの回転を許可します）各音符は互いに重ねて描かれます。
私はそれを説明するのはすばらしくありません。申し訳ありませんが、JSFiddleページで追加して変更したコードをコメントしました。これはうまくいくほど明確になります。
絶対的に配置された要素がページのフローから抜け出るので、JSを使用して子の寸法を読み取って親の寸法を読み取るか、相対divの高さを&に設定します。
突き出ている角を考慮に入れて、高さと幅を要素より少し大きく設定することがあります。 –
getBoundingClientRect()を使用して必要な幅を確認します。
これは私を混乱させますが、機能し、ブラウザが境界線を処理することができます（ブラウザはおそらく私よりも優れています）。 これはどのように考えられますか？私は、ブラウザが左に浮かんでみることを提案し、余白に気付くと、実際にそこには何もないと思うだろうか？ – VolatileStorm