Question

我是编码的新手，我正在这个虚构的着陆页上进行学习，以期使我学到的一切都变得简单。我完成了标题部分，但问题是现在我想在页面的其余部分上工作，但内容未显示。

身体有溢出-x：隐藏；但是即使我将其删除，html的内容仍然不会显示。这是codepen：https://codepen.io/raul-rogojan/pen/LoOoVm?editors=0100

 body {
  max-width: 1330px;
  margin: auto;
  overflow-x: hidden;
  font-family: 'Catamaran', sans-serif;
}

Answer 1

您的页眉没有任何高度，因为转盘滑轨已完全定位。这会使您的“关于”部分显示在其他内容的后面。

我将您的轮播幻灯片的高度设置为：100％，并将标头类的高度设置为100vh。应该可以解决您的问题。

.header{
   height:100vh;
}

.slide {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 150px 70px;
  color: white;
  font-size: 1.3rem;
}

内容不显示

1 个答案: