絕對定位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;
}

實際上我的“items”div通過JS動態地改變了它的“左”位置（對於旋轉木馬的效果......向左/向右滾動）

另外bcoz它是一個絕對div，我不能讓父div“scrollable”按照“items”內容進行擴展。

我該如何解決這個問題？

Answer 1

您可以在.scrollable上設置height 。 內部滾動div只有一行，對嗎？

Answer 2

是什么讓你不能讓.items絕對定位？
你不能只使用margin-left: -100px ，而不是left: -100px; ？

我的意思的工作實例： http ： //jsfiddle.net/fk5Q2/