Баг в отображении сайта при переходе по ссылке с якорем. почему так?

Question

[Sulin]

Здравствуйте.

есть вёрстка
demo.braiteck.ru/page.html (нормально отображается)

но стоит зайти по ссылке demo.braiteck.ru/page.html#comment-3
и верхняя часть контента сайта куда-то слетает.

определён виновник - это aside:after
ему как будто не хватает места и он все смещает, хотя он имеет position: absolute; и влиять никак не должен.

баг наблюдается в хроме и мозиле и наверное и в других браузерах.

решение конечно же в вёрстке найдено как избавится от кривоватости. но интересует чисто спортивный интерес как такое может быть и что является причиной такого поведения? может кто в курсе или сможет разобрать и объяснить.

Answer 1

[westdp]

Вот виновник:


.main_bg {
background: #fff;
box-shadow: inset 0 0 32px rgba(124,124,124,.3);
border: 1px solid #fff;
/* overflow: hidden; */
}

Comments

[Sulin]

но если убрать overflow: hidden; тогда aside: after вылезит снизу даже поверх футера.

[Sulin]

и главный вопрос почему при overflow: hidden; происходит баг?