2012-01-09 70 views
0

我試圖實現一個效果,其中絕對定位的元素會像浮動到左邊那樣表現。我試圖避免使用類或n-child選擇器,因爲絕對定位的div的數量是動態的。在絕對定位的元素上左浮動

因此,div的寬度是800px,我想所有div浮動到左邊,但現在它們堆疊在彼此之間,我不知道如何讓div 1左:0,div 2左:800,div 3 left:1600等等,不用類或n-child選擇器。這可能使用jQuery或甚至css?

謝謝!

+0

是否有你用jquery標記了這個問題的原因?它似乎不適用? – 2012-01-09 12:24:25

+0

@RoryMcCrossan編輯... – 2012-01-09 12:26:00

+0

嗯,我認爲這是不可能的,有一個全CSS的解決方案,如果JavaScript是必需的我真的很喜歡它寫在jQuery中,因爲我更好,然後定期的JavaScript。但是,如果你覺得這是不相關的,我會刪除jQuery標籤。 – user1023552 2012-01-09 12:27:41

回答

2

有很多方法....

的jQuery:

$("div").each(function(index) { 
    $(this).css("left", 800*index); 
}); 

你可以定位你的div相對,然後把它們飄浮。

但你必須有一個與寬度關閉所有的div,jQuery的包裝:

$("#wrapper").width($("div").length * 800); 

能否請您詳細介紹您的結構(DOM,CSS等)。

這有助於爲您的需求做出最佳解決方案...

+0

整潔的代碼。我必須記住這個以後。 – OptimusCrime 2012-01-09 12:31:56

+0

非常感謝,這工作!對不清楚這個結構有什麼不清楚的地方,我會一直記住下次。 – user1023552 2012-01-09 12:37:11

相關問題