다양한 이야기를 나누는 곳입니다.
CSS 상단 고정 메뉴 맨 앞으로 보내기
코드
작성자
코드왕
작성일
2022-12-13 18:30
조회
126
CSS 상단 고정 메뉴 맨 앞으로 보내기
<style>
position: fixed; - 메뉴 고정
z-index: 1; - 맨 앞으로 위치(스크롤 된 화면이 메뉴를 가릴 경우, 인덱스 값은 1~100)
top: 0; - 최상단
width: 100%; - 전체 넓이
#해당 아이디 명 { position: fixed; z-index: 1; top: 0; width: 100%; } |
.해당 클래스 명 { position: fixed; z-index: 1; top: 0; width: 100%; } |
padding-top: 60px; - 상단 메뉴가 겹칠 경우
body {
padding-top: 60px;
}
코스모스팜 소셜댓글
전체 364
번호 | 제목 | 작성자 | 작성일 | 추천 | 조회 |
2 |
화면 하단, 맨아래 이동을 위한 간단한 html
코드왕
|
2023.03.16
|
추천 0
|
조회 123
|
코드왕 | 2023.03.16 | 0 | 123 |
1 |
CSS 상단 고정 메뉴 맨 앞으로 보내기
코드왕
|
2022.12.13
|
추천 0
|
조회 126
|
코드왕 | 2022.12.13 | 0 | 126 |