Почему может не работать {overflow: hidden;}?

Question

[bro-dev]

Почему может не работать {overflow: hidden;} ?
Уже все перепробывал и на карай попробовал ставить фиксированные размеры

body,
html{
        	width: 960px;
    		height: 1315px;
    		overflow: hidden;

        }

И даже в этом случае появляется пустая область снизу экрана на мобильном отображении. Причем при наличии скролов как горизонтальных и вертикальных, то есть вопросы того что контента не хватает нету.
romanberezhnov.esy.es/wizard-content.ru

Comments

[Алексей Струков]

А для чего нужен overflow: hidden?

[bro-dev]

Алексей Струков: В мобильном отображении непонятная пустота снизу. чтобы нечего не выходило за пределы ставлю оверфлоу.

[Алексей Струков]

Роман Бережнов: всмысле пустота?
Можно скриншот, а то интрересно стало?

Answer 1

[Андрей Федоров]

Потому что body и html - inline-элементы, а overflow - для блочных. В любом случае я бы вам не рекомендовал без крайней необходимости менять свойства body и тем более html. Пользуйтесь вложенными div и другими элементами.

UP: Не смотря на то, что "народу нравится", это неверный ответ. )

Comments

[Алексей Струков]

Откуда инфа что боди и хтмл инлайн элементы?
Всегда считал что они блочные

[Андрей Федоров]

первое что бросилось в глаза в описании overflow - применяется к блочным элементам. впрочем вы правы, а я погорячился на счет inline, по меньшей мере для html4 вы правы.

интересно в чем же дело... codepen.io/aliencash/pen/WwZYjY

Answer 2

[Денис Бочков]

Есть вероятность, что у кого-то из дочерних стоит маржин