2017-10-07 2 views
0

버튼을 클릭하기 전에 내 드롭 다운 버튼이 오버플로 div에 숨겨져 있습니다 (이미지 참조). enter image description here부트 스트랩 버튼 드롭 다운이 오버플로에 숨김

이미지가 내가 enter image description here

봐이 버튼을 클릭하면 아래 드롭 다운 콘텐츠 내 '오버 플로우'DIV에, 나는 어떻게 해결?
부트 스트랩 3.4를 사용하고 있습니다.
이미 내 드롭 다운 메뉴를 만들었지 만 동일한 문제가 발생합니다.

+0

이다 또는 올바른 클래스를 추가하는 경우 우리가 확인할 수 –

+1

당신이 우리가 당신의 HTML을 표시 할 수를 유지하고 덮어 ? –

+0

@MarvelMoe가 있습니다. 관심을 가져 주셔서 감사합니다 –

답변

2

사용자 클래스의 모든 요소에 대해 오버플로가 표시되지 않습니다.

.users .user > * { 
    overflow: hidden; 
} 

필요없는 경우 제거 할 수 있습니다. 여기

.users .user .control { 
    overflow: visible; 
} 

내가 드롭 다운 컨텐츠 모든 요소의 overup과 함께 원하는 작업 codepen

+0

https://codepen.io/thecodermarcelo/pen/KXoPNX 이제 목록의 첫 번째 드롭 다운 콘텐츠는 목록의 두 번째 아래에 있습니다. –

+1

'z-index : 1;'.users .user> *'스타일에서. 여기에 작업 코드가 있습니다. https://codepen.io/anon/pen/pWLzwp – sbr

관련 문제