css 드롭다운메뉴 도와주세요ㅠ 채택완료
오른쪽 메뉴 클릭시 드롭다운메뉴가 나옵니다.
보시면 오른쪽에 여백이 생겨있습니다.
영역으로 잡아서 봤더니 아래 사진처럼
왼쪽으로 가려져서 나오는 or 메뉴부분에 맞춰서 나오는듯 해요-
여백없이 100%로 나오게 하려면 어떻게 수정해주면 될까요?
클릭시 내려오는 메뉴 class가 dropdown-menu 입니다.
.navbar-default .navbar-nav li{ background-color: #fff;
}
.navbar-default .navbar-nav>li> a{ color:#333; font-size: 17px; background: #f0f0f0; background:#eee; border-bottom:1px solid #CCC; }
.dropdown-menu { display:block; position:absolute; }
.navbar-default .navbar-nav .dropdown-menu>li{ color: #CCC; font-size: 16px; border-bottom:1px solid #CCC;
}
.navbar-default .navbar-nav .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .dropdown-menu>li>a:hover { background-color:#fff; text-decoration:none;
}
.navbar-default .navbar-nav .dropdown-menu>.active>a, .navbar-default .navbar-nav .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .dropdown-menu>.active>a:hover { color:#555; background-color:#e7e7e7 } .navbar-default .navbar-nav .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .dropdown-menu>.disabled>a:focus, .navbar-default .navbar-nav .dropdown-menu>.disabled>a:hover { color:#ccc; background-color:transparent
}
답변 1개
답변에 대한 댓글 4개
margin-right: 0px;
margin-left: -30px;
}
요기의 margin-left: -30px;에 영향을 받고 있네요
.navbar-default .navbar-nav
요기에
width: 100%;
margin-left: 15px;
를 추가해보세요.
고맙습니다~ 해결되었네요> <ㅎ
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인