如何阻止内容溢出容器

Question

我目前在一个部分元素中有内容。当页面调整大小时，里面的内容会溢出该部分。即使将部分高度设置为 auto，也会出现此行为。我知道解决方案很简单，但我不知道为什么我无法弄清楚。非常感谢任何帮助。谢谢你。

http://www.cssdesk.com/PBn23

Answer 1

从 css 部分样式中删除 height = 100%。而且不会溢出。将其设置为 100% 会使该部分的高度为其容器的 100%，这意味着在这种情况下为视口高度。因此，当调整大小时，一些元素会超出页面的高度，并且该部分的高度仍然是视口的高度。

部分css代码：

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