아코디언 옆에 테두리가 표시되지 않습니다.

div 요소에 아코디언 메뉴가있는 html 페이지가 생성되었습니다. 내가 경계도 확장하지 않는 아코디언 헤더를 확장 할 때마다 사업부가 잘아코디언 옆에 테두리가 표시되지 않습니다.

height:100%; 
border-right-width:2px; 
border-right-style:solid; 
border-right-color:#4875B4;

이 모든 작품을 사용하여 요소의 오른쪽에 간단한 국경 스타일을 가지고,하지만 (나는 그것이 높이가 설정되어있는 것처럼 생각 ~ 100 %). 알려진 문제인지, 이에 대한 토론을 찾을 수 없습니다. 아무도 이것을 경험 한 적이 있습니까?

EDIT 28 05 이것은 http://jsfiddle.net/ZxnAd/ 은 "3 장"을 선택하세요 경계가 아코디언으로 확장되지보고이 문제를 보여주는 jsfiddle입니다

출처

2013-05-27 John Henry

height: 100%의 문제가 있기 때문에 일반적으로 작동하지 않는다는 것입니다 질문에 대답하지 않습니다 - "무엇의 100 %?" 컨테이너의 높이가 설정되어 있지 않으면, 안쪽 요소의 % height에 대한 컨텍스트가 없습니다. 그러나 그런 높이를 설정하는 것은 좋은 생각이 아닙니다. 원하는 방식대로 다른 방법으로 처리 할 수도 있지만 예제를 보여 주어야합니다.

편집 : OK, 링크가있는, 왜 대신이 시도하지 :

지연에 대해 죄송

.accordion { 
    border-left: 2px solid #190; 
}

출처

2013-05-27 23:41:56

, 내가 문제를 보여주는 jsfiddle 내 게시물을 업데이트 한, 어떤 제안이 나 ', –

확인을 환영합니다 내 게시물을 제안으로 업데이트했습니다. –

이 문제는 페이지가 처음로드 될 때 아코디언을 숨기므로 일단 테두리가 다시 나타나면 다시 나타납니다. 그래서 메뉴 div에 테두리를 유지해야합니다. 극복하기 위해 사용할 수있는 jquery 속임수가 있습니까? –

아코디언 옆에 테두리가 표시되지 않습니다.

답변

관련 문제