绝对定位 div 的布局问题答案

【问题标题】：Layout issue with absolute positioned div绝对定位 div 的布局问题
【发布时间】：2011-10-20 16:12:15
【问题描述】：

我有一个父/子 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 动态更改（用于旋转木马效果...向左/向右滚动）

另外，因为它是一个绝对 div，我无法让父 div“可滚动”以根据“项目”内容展开。

我该如何解决这个问题？

【问题讨论】：

标签： javascript html css positioning css-position

【解决方案1】：

您可以在.scrollable 上设置height。内部滚动的 div 只有一行，对吧？

【讨论】：

【解决方案2】：

是什么让你不能让.items 没有绝对定位？
你不能用margin-left: -100px之类的东西代替left: -100px;吗？

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

【讨论】：