我无法使用“ Display：None ”或“ Visibility：None ”，因为它需要设置动画。

为什么溢出：当我没有看到或认为它溢出时，隐藏是必要的。

https：//www.youtube.com/watch？v=-8ltpijbgwq（大约24分钟，我有问题的部分是）

<代码>.nav-links{显示：Flex；Flex-Direction：列；高度：0；溢出：隐藏；转换：var（--transition）；}.显示链接{高度：312px；}

---

顺晟科技：

CSS

的溢出属性定义了当容器的内容大于容器本身时如何处理。由于当容器是一维的（即，其维度之一被设置为0）时，内容将总是大于容器，因此溢出属性将用于定义网页将如何处理内容。默认情况下，溢出设置为“可见”，因此，内容将显示在原始容器之外。如果您希望内容不可见，则必须将溢出设置为隐藏，这将导致任何溢出内容（无法容纳在容器中的内容）被隐藏。

由于任何内容都不能插入到高度为0px的容器中，因此容器的所有内容都将被视为溢出，并且由于您想要隐藏内容，因此需要隐藏溢出-这就是将overflow设置为hidden的作用。https：//www.w3schools.com/cssref/pr_pos_overflow.asp.

有.nav-links { display: flex; flex-direction: column; height: 0; overflow: hidden; transition: var(--transition); } .show-links { height: 312px; } 如果您不确定它是否会溢出。即使使用overflow: hidden;.

这只是一个额外的检查，所以你要确保它不会溢出。