css 절대 위치 지정 반전

Question

안녕하세요.이 튜토리얼에서 절대 위치와 혼동합니다.

이해 할 수없는 이유 왼쪽 사용하여 : 0 그림 태그에, 자신이 실제로 여백 그의 왼쪽 사용할 때 왜 실제로 권리처럼 행동 것 또한

335px의

, 그리고 왼쪽 제작 : 0

:

나는 실제 부모 DIV 그의하지 때문에, 블록 요소

다음

CSS 코드의 일부를 표시 할 수 0 폭 또는 0

높이있을 때 이러한 유형의 문제가 발생할 수 있음을 알고

.ia-container figure { 
    position: absolute; 
    top: 0; 
    left: 50px; /* width of visible piece */ 
    width: 335px; 
    box-shadow: 0 0 0 1px rgba(255,255,255,0.6); 
    transition: all 0.3s ease-in-out; 
} 

당신은 여기에서 데모를 찾을 수 있습니다 http://tympanus.net/codrops/2012/06/06/image-accordion-with-css3/

Answer 1

을 그렇지 않습니다.

left는 다른 규칙

.ia-container input:checked ~ figure { 
    left: 335px; 
    transition: all 0.7s ease-in-out; 
}