html - 重现固定位置元素

Question

我有一个 fixed 定位元素。 CSS 如下所示

header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    padding: 20px 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0);
}

如果我将位置设为 static，元素将从屏幕上消失。我怎样才能重新出现该元素？

Answer 1

position: static 与相对定位不兼容(top、left、right、bottom 和 z-index)，并将覆盖这些设置。您的元素将遵循正常的页面流。

position: relative 就像 static，但会保留这些设置。请注意，位置将相对于当前页面流。