하단 가로 스크롤 생기는 것을 없애려면 어디를 수정을 해야 하는지 궁금합니다.
본문
안녕하세요
현제 사이트를 하나 만들어 보고 있는데요
현제 메인에서 하단 가로 스크롤이 발생하는 문제 입니다.
슬라이더는 bxslider를 사용을 했는데요
하단 가로 스크롤을 없애려고 하면 어떻게 해야 하는지 궁금 합니다.
슬라이더를 없애면 하단 가로 스크롤이 없어지더라구요
그래서 이리저리 해 보았는데 안 없어져서 이렇게 문의 드리게 되었습니다.
html 코드
<div class="swiper-pagination1"></div>
스타일
#main .swiper-pagination1 { position:absolute; top:auto; bottom:10px; left:50%; margin-left:-35px; z-index:100; height:20px; }
#main .swiper-pagination1 .swiper-pagination-bullet { background:#72646e; opacity:.8; width:16px; height:16px; margin:0 4px !important;}
#main .swiper-pagination1 .swiper-pagination-bullet-active { background:#ee4357;}
답변 3
#main .swiper-pagination1 { position:absolute; top:auto; bottom:10px; left:50%; margin-left:-35px; z-index:100; height:20px; }
여기를 이렇게 해보세요. 크롬 개발자 모드로 해보니 이렇게 해도 스크롤바 사라지고 중앙 정렬도 되네요.
#main .swiper-pagination1 { position:absolute; top:auto; bottom:10px; text-align:center; z-index:100; height:20px; }
.wrap_box의 넓이가 1200px로 고정되어있는데요. 이것때문에 옆으로 스크롤 생기시는것 같습니다
수정 되었습니다.
감사합니다.
div 테그에 선언을 해주어야 하는데 이것을 선언을 안해서 그러네요
감사합니다.
답변을 작성하시기 전에 로그인 해주세요.