親の全幅に子要素のサイズを変更できません

Question

child要素を親の全幅にリサイズできないのはなぜですか？約10または20ピクセルは常に全幅に欠けています。

<div id='parent'> 
<div id='child'>CHILD</div> 
</div> 

CSS

#parent{ 
    width:450px; 
    height:320px; 
    margin:0; 
    background:lightgreen; 
} 
#child{ 
    width:120px; 
    height:45px; 
    margin:0; 
    background:gold; 
} 

JS

$("#child").resizable({ 
    aspectRatio: true, 
    containment: "#parent" 
}); 

JSFIDDLE

Answer 1

実は、私は封じ込めおよびアスペクト比を使用してに問題があると思います。多分、サイズ変更はピクセルごとのピクセルではないので、最後のピクセルの比率を維持することはできません。

これを修正するには、以下のコードを使用できます。高さが幅より大きくなるcould場合、私はyour fiddleを使用して、フルwidthにサイズを変更することができam

maxHeight : $("#parent").height() 

JSFIDDLE