Nextjs 不显示元素答案

【问题标题】：Nextjs does not display elementsNextjs 不显示元素
【发布时间】：2022-09-25 14:14:21
【问题描述】：

我拥有一个website，当我想为它建立一个联系部分时。我正在使用以下代码

      <section className={styles.contact}>
        <p>Test</p>
      </section>

我已经做了一个导入声明来导入一个样式表，就像import styles from \'../styles/Home.module.css\' 在我的样式表中，我将以下代码用于联系属性

.contact {
  height: 300%;
  width: 300%;
  margin: 0;
  padding-top: 2rem;
}

我的容器大小为 300vh

.container {
  height: 300vh;
  overflow: hidden;
  overflow-x: hidden;
}

但是当我检查它时，我没有看到<p>test</p>

知道为什么以及如何解决它吗？

谷歌和堆栈溢出似乎没有这方面的任何信息

问候

【解决方案1】：

我所看到的是，当您为.container 提供固定高度时，您的联系部分溢出，因此没有显示。从.container 中删除修复height: 300vh，您将看到Test。然后以不同的方式风格。或者您也可以删除overflow: hidden，以便溢出的元素在滚动时变得可见。

【讨论】：