Wie man das innere Element in das Elternelement paßt

Question

Ich kann anscheinend keinen Weg finden, das innere Element an seine Eltern anzupassen. Aktuelle Code wie folgt aussieht:

Das Seitenelement so aussieht endet und in der Breite fixiert, wie ich die Größe neu.

Answer 1

Sie können für seine Eltern position: absolute für Kind und position: relative (nicht vergessen) verwenden.

There is mehr als eine Lösung, aber ich bin mit dieser Technik über

Zum Beispiel:

.parent { 
 
    position: relative; 
 
    background-color: #d3d3d3; 
 
    border: 1px solid black; 
 
    width: 300px; 
 
    height: 100px; 
 
} 
 

 
.child { 
 
    position: absolute; 
 
    top: 5%; 
 
    left: 5%; 
 
    background-color: red; 
 
    border: 5px solid green; 
 
    box-sizing: border-box; 
 
    width: 90%; 
 
    height: 90%; 
 
}

<div class="parent"> 
 
    <div class="child"> 
 
    </div> 
 
</div>