Absolute Position mit Left:100%, untergeordnetes Element verlässt den übergeordneten Container ⇐ CSS

[Guest]

Ich habe einige HTML-Elemente: im Grunde ein Container-Div und ein untergeordnetes Div. Wenn ich also dem untergeordneten Div die CSS-Eigenschaft left: 100% gebe, verlässt es das übergeordnete Div. Die Eigenschaft right: 0 oder CALC reicht aus, aber ich möchte dies nur mit left: 100% und ohne Javascript erreichen. Gibt es also eine Möglichkeit, dies zu erreichen?

Code: Select all

.parent{
border: 1px solid #000;
height: 500px;
position: relative;
width: 500px;
}
.child{
background: #FF0;
height: 100px;
left: 100%;
position: absolute;
width: 100px;
}

Code: Select all

https://jsfiddle.net/evoSL/yd48v14m/4/< /P>