Что исправить, чтобы прокрутка работала правильно?

Question

[OctorberMyMonth]

Добрый вечер!
Подскажите пожалуйста, что надо исправить, что бы секция content, прокручивалась правильно, иначе он за лазит на aside!
тут образец верстки

Answer 1

[Дмитрий Сергеев]

.content { overflow-y: auto; }

Comments

[OctorberMyMonth]

Спасибо друг!

Answer 2

[Рома Зварич]

что надо исправить, что бы секция content, прокручивалась правильно, иначе он за лазит на aside

1) Ограничьте высоту блока с классом .mainс основным содержимым. Например, задав ему высоту, равную общей высоте минус высота шапки и подвала max-height: calc(100vh - 50px - 100px);
2) Свойство overflo-y: auto перенесите с элемента .main элементу .wrapper-of-content

Результат:
https://codepen.io/hisbvdis/pen/wvwqJVJ

Comments

[OctorberMyMonth]

Спасибо Вам большое!

[OctorberMyMonth]

Вот это круто, даже и не знал, что так можно!
max-height: calc(100vh - 50px - 100px);