Почему у меня появляется колесо прокрутки на сайте, и как это исправить?

Question

[zanzoS]

Мне нужно чтобы сверху и снизу были фотографии, для одной из них нужно смещение. Сделал через after и before.
Но из за этого появляется колесо прокрутки, как его убрать.

Answer 1

[Ankhena]

Ну уж не колесо, а всего лишь полоса :)

И не правда, полоса прокрутки у вас появилась гораздо раньше, чем были добавлены псевдо.
В тот момент, когда вы задали width: 100vw; для .experts_body.
Зачем?

Отступы у body убираются с помощью обнуления этих самый отступов margin: 0.

Заодно ещё почитайте про box-sizing, тоже скоро пригодится.

Такие вопросы решаются с помощью цветных рамок (outline, outline-offset, box-shadow) для элементов и псевдоэлементов.

Comments

[zanzoS]

Ankhena, На месте) вчера не было возможности зайти на сайт.
Упс.. "полоса" прокрутки.

width: 100vw; я добавил когда я сделал .experts_body :after и :before с фоном, и у меня появилось полоса прокрутки, но еще добавил overflow-x: hidden; и просто забыл убрать. У меня есть normalize и там уже убраны отступы.

(вы спрашивали недавно зачем на другом аккаунте задавал вопросы, просто там закончились, всего 2 в день можно)

[zanzoS]

Попробовал убрать width: 100vw, и помогло. Спасибо.

[Ankhena]

zanzoS, отлично :)