-
질문 & 답변
카테고리
-
세부 분야
풀스택
-
해결 여부
미해결
수업관련
23.01.04 01:39 작성 23.01.04 01:46 수정 조회수 196
0
헤더 포지션을 fixed로 두고 메인컨테이너에 마진 60을 준 이유는 fixed 다음에 나오는 박스들은(main, mian container class 들).. fixed로 60높이를 띄어놓은것을 인지하지못하나요..?
모던웹페이지만들기 5 15분쯤이요!
풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
모던 HTML/CSS 로 상용화도 가능한 반응형 모던 웹페이지 만들기7
강의실 바로가기
답변을 작성해보세요.
0
잔재미코딩 DaveLee
지식공유자2023.01.05
안녕하세요. 답변도우미입니다.
네 맞습니다. header 자체가 fixed 라서,
header { width: 100%; height: 60px; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 1000; box-shadow: 0px 2px 6px 0px #00000017; background-color: #f8f9fa; }
margin 을 넣었습니다. 감사합니다.~
margin-top: 60px; /* position 이 fixed 일 경우, 문서 흐름에서 빠지므로, 이 부분은 margin 으로 적용 */
답변 1