css - 容器粘贴或堆叠到标题。位置固定

Question

大家好，我用position:fixed我的标题。在那之后，我尝试使用一个容器，但我不确定它为什么在标题内（堆叠）。我尝试使用 margin-top 将容器与标题分开，但它不起作用，因为标题也使用了 margin-top ..

这是我的演示

Answer 1

在您的 .header 类中，您必须添加 top: 0px:

.header {
    position: fixed;
    left: 0;
    right: 0;
    height: 120px;
    background: #232323;
    z-index: 10;
    top: 0px;
    }