css trick & base
하단 네비게이션 fixed
uni:D
2024. 10. 3. 23:56
반응형
커리어 홈 - 사람인
커리어를 위한 모든 것 | 커뮤니티, 현직자 1:1 멘토링 매치, 커리어 진단, 직무별 맞춤 클래스, 취업 정보 공간 카페인까지 커리어에 필요한 모든 것을 한 곳에서 만나보세요!
m.saramin.co.kr
부모에 padding-bottom 없이
영역의 길이가 유동적이지 않을때 고정형으로 쓸 수 있다
부모 => 영역을 가진다
.wrap_bottom_menu {
position: relative;
width: 100%;
height: 56px;
}
자식
.wrap_bottom_menu .inner {
position: fixed;
bottom: 0;
z-index: 700;
width: 100%;
min-width: 320px;
height: 56px;
background: #fff;
border-top: 1px solid #EAEDF4;
box-sizing: border-box;
}
반응형