绝对定位div的布局问题

时间:2011-10-17 09:10:55

标签: javascript html css positioning css-position

我有一个父/子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”内容进行扩展。

如何解决此问题?

2 个答案:

答案 0 :(得分:1)

您可以在height上设置.scrollable。内部滚动div只有一行,对吗?

答案 1 :(得分:1)

是什么让你无法让.items绝对定位? 你不能只使用margin-left: -100px而不是left: -100px;吗?

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