jQuery 사이클 레이아웃 문제 - 레이아웃에 문제가있는 인라인 스타일 (위치 : 절대) 추가

Question

응답 성이 뛰어난 jQuery Cycle 구현을 구현하려고합니다. 레이아웃을 작성하여 2 행 2 열 테이블과 비슷하게 만들었습니다. 첫 번째 열은 너비가 25 %이고 너비가 height: auto입니다. 두 번째 행은 기본적으로 고정 된 높이를가집니다.

독립적으로 2 열 사이클에서 두 세포,하지만 난 데 문제가 있음을 jQuery를하다

(나는이 관련되어 있다고 생각하지 않지만, 나는 철저 할) 하나 개의 요소로 순환 표시 Cycle은 순환 된 요소에 position:absolute을 추가합니다 (이유를 이해합니다). 그러나, 나는 왜 오른쪽 상단의 열 (1 행, 2 열)의 높이가 그것이 방법인지 알아낼 수 없습니다.

위치를 강제로 position:relative !important'으로 지정하면 필요한 높이가되지만 분명히 문제가 있습니다.

나는 cssBefore, cssAfter 및 내가 생각할 수있는 모든 스타일 조합을 사용해 보았습니다. 아래에 언급 된 codepen을 보면 position:relative !important의 주석을 해제하면 내가 가장 가까이에 나타납니다.

jQuery Cycle v 3.0.2를 사용하고 있습니다.

http://codepen.io/chrisrockwell/pen/uafeD에서 예를 볼 수 있습니다. 아래의 UNCOMMENT THE BELOW LINE을 검색하면 (CTRL + F를 창에서) 위치를 강제로 제거 할 수있는 내용과 표시 방법이 표시됩니다.

또한 코멘토에서 자동 실행을 사용 중지 했으므로 사이클을 다시 초기화하려면 JavaScript 창 위에 RUN을 클릭해야합니다.

도움 주셔서 감사합니다.

Answer 1

흠 .. 코드에 몇 가지 변경 사항이 있습니다. http://codepen.io/adityadineshsaxena/pen/hvmro

CSS의 변경 : 정말 문제가 여기에 무엇을 볼 수 없습니다

.left-top{ 
    height: 365px !important; 
} 

.carousel-body { 
    color: cyan; 
    p { 
     padding-top: 0; 
     margin-top:5px; 
     margin-bottom:5px; 
    } 
    }