스크롤 시 헤더 fixed에 관해 질문드립니다

헤더를 상단 fixed할경우 이게 공중에 붕뜨는 것처럼 아래있던 intro섹션이 위로 끌려오게 되는데 intro 섹션에 padding-top을 줘서 header와 간격을 벌려주는게 맞는지 궁금합니다

    /* header */
    #header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 99;
    }
    .header-inner {
        margin: auto;
        height: 100%;
        border: 1px solid #000;
    }
    nav {
        max-width: 1440px;
        text-align: right;
        height: 70px;
        line-height: 70px;
    }
    nav a {
        margin-right: 10px;
    }
        * {
            margin: 0;
            padding: 0;
        }
        a {
            text-decoration: none;
            color: #fff;
        }
    #header {
    }
    #intro {
        height: 400px;
        padding-top: 70px;
        background-color: #CCB9AF;
   }
    </style>
</head>
<body>
    <header id="header">
        <div class="header-inner">
            <nav>
                <a href="#intro">HOME</a>
                <a href="#about">ABOUT</a>
                <a href="#skills">SKILLS</a>
                <a href="#pratical">Pratical</a>
                <a href="#mobile">Mobile Web&App</a>
                <a href="#none">WebSite Publising</a>
              </nav>
        </div>
    </header>
    <section id="intro"></section>

인프런 커뮤니티 질문&답변