헤더를 상단 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>
와...대박...그렇구나..
감사합니다!!!