kann die Größe des untergeordneten Elements nicht auf die gesamte Breite des übergeordneten Elements ändern

Question

Warum kann ich die Größe des Elements child nicht auf die gesamte Breite des übergeordneten Elements ändern? Ungefähr 10 oder 20 px fehlen immer in voller Breite.

<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

Eigentlich, denke ich gibt es ein Problem bei der Verwendung von Rückhaltung und aspectratio ist. Vielleicht kann es das Verhältnis für die letzten Pixel nicht halten, weil die Größenänderung nicht Pixel pro Pixel ist.

Um es zu beheben, können Sie den Code unten verwenden, es funktioniert.

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

Wenn die Höhe größer als die Breite sein könnte, können Sie

hinzufügen

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

JSFIDDLE