html - Nextjs不显示元素

Question

我拥有一个 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>

知道为什么以及如何修复它吗？

Google 和 stack overflow 似乎没有这方面的任何信息

问候

Answer 1

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