Как сделать так, чтобы изображение не «прилипало» к краю при уменьшении размера, а оставалось за пределами области?

Question

[seminyuri]

Друзья, подскажите пожалуйста, как сделать так, чтобы изображение не "прилипало" к краю при уменьшении размера, а оставалось за пределами области? Проще показать.. Прилагаю картинку :))

P.S. CSS элипса: position: absolute; right: 0;

Answer 1

[Арсений Матыцин]

Абсолютное позиционирование с точкой отсчета right будет всегда расчитано от правого края элемента. При каждом его изменении. Чтобы зафиксировать, необходимо указать точку отсчета слева.

Ну и чтобы не парится с расчетом на адаптиве, и если операции проводятся после загрузки, то можно делать расчет слева на JS в момент отрисовки документа или после.

Answer 2

[Дмитрий Марков]

Может задать абсолютный отступ слева ?)
Например
left: 1200px;

Comments

[seminyuri]

Имеете ввиду адаптивная вёрстка, чтобы если размер экрана меньше был, картинка оставалась за пределами экрана, а не налазила на другие блоки.