HTML/CSS 핵심 개념쇼핑몰SimpleShop

Q

네비게이션 바 position:fixed 적용 방법

조회 1337

좋아요 3

2019년 1월 6일

댓글 5

2019년 1월 7일
안녕하세요, 나래님^^ fixed를 사용하시면 block요소라 하더라도 inline 요소가 컨텐츠 크기만큼의 넓이를 가지는 것 처럼(실제로는 inline에서 width가 의미 없지만요) width가 컨텐츠에 따라 변해버리게 됩니다.
2019년 1월 7일
적용하는 방법이 틀리신건 아니고 fixed가 가진 속성으로 인한 문제이니 width를 따로 지정해주시면 됩니다^^
2019년 1월 7일
.navbar에 대한 width값을 지정하라는 말씀이신가요? 그렇게 하면 화면이 작아지면 반응형 웹처럼 메뉴가 따라오지 않던데 따라오는 방법도 혹시 따로 있을까요?ㅠㅠ
2019년 1월 7일
width: 100%를 주시면 비슷한 효과를 낼 수 있지만, 이미지 때문에 일정 브라우저 사이즈 이하에서는 레이아웃이 깨질 것 같습니다. 미디어쿼리를 이용하여 반응형으로 만드시는게 좋을 것 같습니다^^
2019년 1월 8일
감사합니다~

(주) 코드잇

대표강영훈

개인정보보호책임자강영훈

이메일support@codeit.kr

사업자 번호313-86-00797

통신판매업제 2019-서울중구-1034 호

주소서울특별시 중구 청계천로 100 시그니쳐타워 동관 10층 코드잇