@Santa_Claus

Почему появляется скроллинг только для правого элемента c position:absolute?

Есть блок, у которого имеются два псевдоэлемента (before, after), имеющие абсолютную позицию относительно родителя.
Почему, если левый псевдоэлемент выходит за пределы экрана, горизонтальный скроллинг не появляется, в то время, как с правым элементом все наоборот?
Как сделать так, чтобы скроллинг не появлялся и при выходе за пределы экрана правого элемента?

Код по ссылке: jsbin.com/namugone/2/edit
  • Вопрос задан
  • 5172 просмотра
Решения вопроса 1
Не могу объяснить почему появляется скролл.
Но, если добавить блоку родителю overflow: hidden; + минимальную ширину контента, то можно избавится от скролла.
jsbin.com
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
Это нормальное поведение. Если задать элементу позицию левее body, то он просто скроется. Если правее, получим горизонтальный скролл. Задайте для body или родителя overflow-x: hidden;

upd: jsbin.com/cilafena/1/edit
Ответ написан
Ваш ответ на вопрос

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

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