Как найти объект, который вылезает за контейнер по ширине?

Question

[Kardamon90]

Делал адаптив для многостраничного проекта и лишь на одной странице появилась пустота справа, якобы вылезает какой-то блок. Но адаптив был уже закончен, а при последнем шлифовании обнаружил такой недочет. Инструментом выделения объектов пытался пройтись, но выделялся только тег html и у того ширина была равна ширине окна. Пытался пройтись по всем блокам и там тоже нет никаких проблем. Подскажите способ как можно найти в чем проблема, или хоть какой-нибудь костыль чтобы это спрятать

Comments

[Ankhena]

Обвести все рамочками

* {
  --out-width: 2px;
  outline: var(--out-width) solid red;
  outline-offset: calc(0px - var(--out-width));
  &::before, &::after {
    outline: var(--out-width) solid lime;
    outline-offset: calc(0px - var(--out-width));
  }
}

Либо удалять блоки по одному

или хоть какой-нибудь костыль чтобы это спрятать

Вы же понимаете, что так делать не надо?
Кроме сознательного overfow, когда он действительно необходим.

[Kardamon90]

Ankhena, да, про костыли мне ясно, что так делать не нужно. Но тут уж я проверил с помощью вашего выделения и ничего не нашел. И вот как в этом случае быть?

[Ankhena]

Kardamon90, Хром бывает глючит, показывая в адаптивном режиме скролл там где его нет. Можно его перезапустить, можно вместе с компом.

Если это не поможет... Ну не знаю, пойти на фриланс...

Answer 1

[Сергей delphinpro]

* {
  outline : 1px solid red !important;
}

Answer 2

[historydev]

CTRL + SHIFT + C

Answer 3

[Руслан Джафаров]

лучше просто уменьшать ширину экрана, и элемент сам вылезет за рамки экрана, имхо так быстрее всего