0

введите сюда описание изображенияИмеется контейнер(1200px). Как разместить картинку правее, при этом проигнорировав ограничение ширины.

3
  • Правее текста. Скрин выше
    – user469181
    20 дек 2021 в 15:03
  • Предположу, что контент блока находится в каком-то контейнере ограниченной ширины. Тогда картинку можно вынести из контейнера и абсолютом спозиционировать как надо. Или вовсе ее добавить фоном
    – lezhni
    20 дек 2021 в 15:13
  • margin-right с минусовым значением что-ли ? и на контейнер overflow: hidden чтобы нижний скролл не появлялся
    – Crus
    20 дек 2021 в 15:22

1 ответ 1

1

Задайте position: relative для контейнера, который имеет ограничение ширины.

.container {
    position: relative;
}

img {
    position: absolute;
    top: 10px;
    right: -100px;
}

Если изображение необходимо разместить максимально справа (у правой границы окна браузера), то можно сделать изображение фоном для body

body {
    background: url(img.png) top right no-repeat;
}
3
  • Спасибо. Все было куда проще чем думал.
    – user469181
    20 дек 2021 в 15:25
  • А можно как-то сделать чтобы картинка была всегда максимально в правой стороне? А не подбирать right
    – user469181
    20 дек 2021 в 15:28
  • Можете сделать её фоном для body 21 дек 2021 в 11:35

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки