css 네비게이션으로 상단 메뉴를 고정하려고 하는데 아래로 내리면 글씨가 앞으로 튀어 나옵니다...어떻게 해결해야 할까요

Question

일부 내용은 가렸습니다(빨간 네모 밑으로 하얀색은 가린 것입니다)빨간 색으로 칠한 부분이 상단 메뉴인데요저 메뉴가 아래로 스크롤을 해도 계속 나오게끔 하려고 합니다..어떻게 구현은 했는데 문제는 아래로 내려가면 메뉴바 보다 아래 글씨랑 메인 사진이 더 앞으로 나오네요메뉴바가 앞쪽으로 튀어나와야 하는데 어떻게 해야할지 모르겠네요...상단 메뉴는 <header>로 position:fixed로 되어 있습니다. 해당 부분의 css는 이렇게 작성했습니다#container { margin: auto 0; width: 1400px; height: 100%; text-align: center; margin-left: 13%; margin-right: 13%; } header { margin: auto 0; width: 1400px; height: 60px; margin-top: -5px; text-align: center; border-bottom: skyblue 1px solid; display: flex; position: fixed; background-color: white; margin-top: -10px; }

그냥한번에 · Answer

1. container에서 마진좌우가 13%로 같으니 margin: auto 13%; 로 줄여서 작성하실수있습니다굳이 안해도 동작에는 차이없는데 3줄이 1줄되면 기분좋잖아요? ㅎㅎ 2. header에서● 4번째줄에 -5픽셀인데 마지막줄에 또-10이네요 둘중하나는 지워주세요● 포지션 썼다는건 배치하겠다는건데 상하좌우값이 없네요 화면맨위에 붙이실거면 탑에0주시면됩니다 전체코드가 없어서 여기까지만 답변드릴게요안되면 다시댓글달아주세요

css 네비게이션으로 상단 메뉴를 고정하려고 하는데 아래로 내리면 글씨가 앞으로 튀어 나옵니다...어떻게 해결해야 할까요

1개의 답변

#navigation 목록