jean_gaben
@jean_gaben

Как вставить картинку на страницу так, чтобы её часть была за границами просмотрового окна?

Доброго времени суток, верстаю учебный сайт. Возник вопрос: как разместить картинку на странице лишь частично?
Я задал блоку с текстом position: relative, а картинке - absolute. Но проблема в том, что когда я выношу картинку за границы страницы - появляется горизонтальный скролл. Что делать?

5ed7e0aacff87380926159.jpeg
  • Вопрос задан
  • 138 просмотров
Решения вопроса 3
@n1ksON
мидл
Чтобы убрать горизонтальный скрол используйте css-свойство overflow-x;
CSS-код:
body {
  overflow-x: hidden;
}
Ответ написан
ArsenyMatytsyn
@ArsenyMatytsyn Куратор тега CSS
Руководитель frontend направления, предприниматель
overflow:hidden

UPD: Секции, которая непосредственно содержит всю эту красоту, ибо в противном случае, если цепляться за body, то ты как минимум сломаешь position:sticky свойства.
Ответ написан
Комментировать
ThunderCat
@ThunderCat Куратор тега CSS
{PHP, MySql, HTML, JS, CSS} developer
overflow-x:hidden; или можно вставить картинку бэкграундом и задать ей смещение.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы