html - 让白色导航栏覆盖表单 div

Question

当后者滚动到顶部时，我希望白色导航栏覆盖表单 div。如何做到这一点？

css

.navbar {
  position: fixed;
  top: 0;
  width: 100%;
  height: 60px;
  ......
}

.info-form {
  width: 60%;
  margin-left: 20%;
  margin-top: 7%;
  ......
}

html

  <div id="root">
    <div>
      <div className="navbar"></div>
      <form className="info-form"></div>
    </div>
  </div>

标签： htmlcss

Answer 1

使用位置：粘性；

.navbar {
  ...
  position: sticky;
  top: 0;
}