При сдвиге элемента в правую сторону появляется прокрутка. Как решить эту проблему

Question

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

Пример:

.block {
  position: absolute;
  right: -50%;
  width: 70%;
  height: 100px;
  background: yellow;
}

<div class="block">Блок</div>

Нужно что бы прокрутка не появлялась, а блок уходил на половину на право.

Не использовать scrollbar display none

Answer 1

.block {
  position: absolute;
  right: -50%;
  width: 70%;
  height: 100px;
  background: yellow;
}
.continer{
   width: 100%;
   overflow: hidden;
   height: 100vh;
   position: relative;
}

<div class="continer"><div class="block">Блок</div></div>

БЛОГ НА HUSL

При сдвиге элемента в правую сторону появляется прокрутка. Как решить эту проблему

Ответы (1 шт):