Абсолютная позиция с Left:100%, дочерний элемент выходит из родительского контейнера. ⇐ Html

[Anonymous]

У меня есть несколько элементов HTML: в основном контейнерный div и дочерний div. Поэтому, когда я даю дочернему div свойство CSS left: 100%, оно выходит из родительского div. Свойство right: 0 или CALC поможет, но я хочу, чтобы это было сделано только с left: 100% и без Javascript. Так есть ли способ это сделать?

Код: Выделить всё

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

https://jsfiddle.net/evoSL/yd48v14m/4/

Подробнее здесь: https://stackoverflow.com/questions/373 ... t-continer