절대 위치 지정 div의 레이아웃 문제

Question

부모/자식 div가 다음과 같이 코딩되어 있습니다.

<div class="classes scrollable"> 
<div class="items"> 
....Some content 
</div> 
</div> 

내 CSS는;

.scrollable { 
    overflow: hidden; 
    position: relative; 
    width: 100%; 
} 
.scrollable .items { 
    clear: both; 
    position: absolute; 
    width: 20000em; 
} 

실제로 내 "항목"DIV 그것이 "왼쪽"위치 JS 통해 동적으로 변경된있다 (왼쪽 /하는 회전식 효과 ... 스크롤 종류 오른쪽)

는 절대 DIV이며 또한 bcoz

, 부모 div가 "항목"콘텐츠 당 확장하도록 "스크롤 가능"으로 설정할 수 없습니다.

이 문제를 어떻게 해결합니까?

Answer 1

.scrollable에서 height을 설정할 수 있습니다. 내부 스크롤 div는 하나의 행에 불과합니다.

Answer 2

.items을 절대적으로 배치하지 않도록하려면 어떻게해야합니까?
left: -100px; 대신 margin-left: -100px과 같은 것을 사용할 수 없습니까? 무슨 뜻인지의

근무 예 : http://jsfiddle.net/fk5Q2/