Проблема макета с абсолютным позиционированием div

Question

У меня есть div / parent / child, закодированные как;

<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 "items" его "левая" позиция динамически изменяется с помощьюJS (для вида эффекта карусели ... прокрутка влево / вправо)

Также bcoz это абсолютный div, я не могу получить родительский div "scrollable" для расширения в соответствии с содержимым "items".

Как мне исправить эту проблему?

Answer 1

Что мешает вам не делать .items абсолютно позиционированным?
Разве вы не можете просто использовать что-то вроде margin-left: -100px вместо left: -100px;?

Рабочий пример того, что я имею в виду: http://jsfiddle.net/fk5Q2/

Answer 2

Вы можете установить height на .scrollable.Div прокрутки внутри всего одна строка, верно?