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

Question

[froggush]

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

Answer 1

[n1ksON]

Чтобы убрать горизонтальный скрол используйте css-свойство overflow-x;
CSS-код:

body {
  overflow-x: hidden;
}

Comments

[froggush]

Арсений Матыцин , n1ksON пацаны, спасибо <3

Answer 2

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

overflow:hidden

UPD: Секции, которая непосредственно содержит всю эту красоту, ибо в противном случае, если цепляться за body, то ты как минимум сломаешь position:sticky свойства.

Answer 3

[ThunderCat]

overflow-x:hidden; или можно вставить картинку бэкграундом и задать ей смещение.

Comments

[froggush]

Запомню, спасибо! Но ещё вопрос: Смотри, там уже есть один бекграунд, если я вставлю второй вместе с первым через background через запятую, то как задать смещение в пикселях именно второму? тоже через запятую?

[MrBroccoli]

froggush, да