Как остановить содержимое переполнения контейнера

Question

У меня в данный момент есть контент в элементе section. При изменении размера страницы содержимое внутри переполняет раздел. Это происходит даже в том случае, если высота секции установлена ​​на auto . Я знаю, что решение очень простое, но я не знаю, почему я не могу понять это. Любая помощь с благодарностью. Спасибо.

http://www.cssdesk.com/PBn23

Answer 1

удалить height = 100% из раздела css стайлинг. И это не переполнится. Установка его на 100% делает высоту секции 100% ее контейнера, что означает высоту области просмотра в этом случае. Следовательно, при изменении размера некоторые элементы превышают высоту страницы, а высота раздела остается высотой области просмотра.

section css code:

section{
    background:#0e0e0e;
    min-height:100vh;
    display: flex;
    justify-content: center;
}