bootstrap navbar fixed-top 시 가로스크롤과 오른쪽에 여백이 생깁니다

Question

안녕하세요 요즘 부트스트랩을 배우고있어서 개인사이트를 연습삼아 만들어보고있습니다.그런데 네이게이션 바에 fixed-top 을 추가하면 위 사진처럼 왜인지 네이게이션바가 화면 보다 길어져서 오른쪽 여백도 생기고 아래 가로스크롤이 생깁니다. ( 사진은 오른쪽으로 스크롤한 상태입니다.) 그래서 개발자도구에서 찾아보았더니 fixed top 으로 설정했을때 좌우 패딩값이 생겨버려서 이렇게 되는것같은데 저 패딩을 지워보니 그 자식태그인 컨테이너의 마진값이 생겨버려서 결국 길이는 줄지않네요 .. 찾는다고 오래 해결방법을 찾아보았는데 기본지식이 좀 부족해서 그런가 잘 나오지 않네요 ㅠ부탁드립니다

hjick · Answer

body 태그에 overflow-x : hidden 을 넣어봤는데 여백도 사라지고 스크롤도 사라지는데 이게 사라진다기 보다 안보이는 느낌인거같아서 좀 찜찜해서 그런데 혹시 근본적인해결방법이 있을까요??

bootstrap navbar fixed-top 시 가로스크롤과 오른쪽에 여백이 생깁니다

1개의 답변

#navbar 목록