Absolute Position mit Left:100%, untergeordnetes Element verlässt den übergeordneten Container
Posted: 17 Jan 2025, 08:53
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?
https://jsfiddle.net/evoSL/yd48v14m/4/
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;
}