CSS中固定元素的部分

Question

我在这里有这个div ......

<div class="gallery"></div>

这是CSS：

.gallery {
 background-color: #000;
  height: 125px;
  text-align: center;
  position: fixed;
  width: 100%;
  z-index: 99999999;
  top: 10%;
}

现在我的网站被分解为<section>，我正在尝试将该元素始终放在该部分的顶部，而不是页面的顶部。我该如何做到这一点？

Answer 1

将{css position: relative添加到<section>。然后，对于.gallery，将更改固定为position: absolute; top: 0; left; 0;

删除那些top; 10%的东西......

Answer 2

您必须将位置修改为绝对位置，并且顶部：0;