Почему при нулевой высоте блок все равно виден?

Question

[GreenMan1899]

copeden

Answer 1

[Андрей]

padding: 0;
...
padding: 30px 0;

Comments

[GreenMan1899]

height: 0 + border-box почему не перекрывает?

[Андрей]

GreenMan1899 Если так можно выразится, виден не сам блок, а именно его padding

[Андрей]

А чем вас, не устраивает visibility:hidden; или display:none; ?

[Bondi]

Андрей, +++

[Максим Тимофеев]

GreenMan1899,

height: 0 + border-box почему не перекрывает?

потому что не должен
Читаем тут:
https://html5book.ru/box-sizing/
цитирую:

box-sizing: border-box; — свойства width и height элемента включают в себя ширину поля padding и ширину рамки border-width, таким образом, общая ширина и высота блока остается равной объявленной свойством width и height элемента, а ширина контента уменьшается.

То есть при расчетах высоты ваш padding отнимается от height контента, то так как height меньше padding то отнимать не от чего. Тот эффект, который Вы ожижаете будет наступать только при height > padding. Тогда будет высота контента, от которой можно отнять padding

Answer 2

[Александр]

Потому что заданы паддинги сверху и снизу, они и растягивают высоту блока