2011-10-17 144 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