css 드롭다운메뉴 도와주세요ㅠ

zes 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2017.05.18 12:22:47 조회 5122 (1.♡.♡.180)

본문

오른쪽 메뉴 클릭시 드롭다운메뉴가 나옵니다.

보시면 오른쪽에 여백이 생겨있습니다.

영역으로 잡아서 봤더니 아래 사진처럼

왼쪽으로 가려져서 나오는 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

}

#그누보드5

답변 1

nanati 홈페이지 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

2017-05-18 12:32:22 121.♡.♡.146

페이지를 알려주시면 더 정확히 알려드릴 수가 있는데...

width:100% 넣어도 안되나요?

↳ zes 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2017-05-18 12:39:131.♡.♡.180

네 안되네요ㅜ 쪽지로 주소 보내드리겠습니다//ㅠ

↳ nanati 홈페이지 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2017-05-18 12:48:14121.♡.♡.146

.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
margin-right: 0px;
margin-left: -30px;
}
요기의 margin-left: -30px;에 영향을 받고 있네요

.navbar-default .navbar-nav
요기에
width: 100%;
margin-left: 15px;

를 추가해보세요.