Как отрегулировать absolute left с двух сторон?

Question

[Ingernirated]

Господа, щекотливый ситуасьён, смысл вот в чем, есть 3 блока, 1 в центре и 2 по бокам.
У боковых двух отступы по краям - absolute , у первого left:10%, а вот как корректно задать отступ второму при помощи обязательного использования left? (margin-left и translateX() не подходят), если ими после выравнивать блок, то при анимации у них изначальная точка берется без учёба margin и translate, и в итоге грубо left. (right:10% тоже не катит, искривляет анимацию).

.one {
	height:120px;
	width:200px;
	top:30%;
	left:10%
}

.two {
        height:120px;
	width:200px;
	top:30%;
	left:90%;
}

Как 2-ой расположить симметрично первому? (left 90% не катит, как пример, блок выходит за родителя.)

Comments

[DTX]

Где примеры на codepen, например?

[DTX]

Мб с их помощью сможешь компенсировать всю эту неразбериху в вопросе. Без обед, но ты пробовал читать вопрос до публикации?

Answer 1

[Сергей delphinpro]

codepen.io/delphinpro/pen/ENYVGj

Comments

[DTX]

если это именно то, что нужно автору, то он, вероятно, не в курсе про существование right -.-

[DTX]

а. увидел коммент про right) Но всё равно непонятно, каким образом он "искривляет" анимацию) Свойства же симметричные..

[Сергей delphinpro]

DTX: хз, мало подробностей...

[Ingernirated]

спасибо, то, что надо, не знал про calc