2011-10-17 118 views
0

我有一个父/子div编码为;绝对定位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改变(一种旋转木马效果......滚动的左/右)

而且bcoz这是一个绝对的div我不能让父div“滚动”以根据“项目”内容进行扩展。

如何解决此问题?

回答

1

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

1

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

我的意思是:我的意思是:http://jsfiddle.net/fk5Q2/

+0

我同意你是对的。不需要使用绝对位置 – Ashwin