我試圖實現一個效果,其中絕對定位的元素會像浮動到左邊那樣表現。我試圖避免使用類或n-child選擇器,因爲絕對定位的div的數量是動態的。在絕對定位的元素上左浮動
因此,div的寬度是800px,我想所有div浮動到左邊,但現在它們堆疊在彼此之間,我不知道如何讓div 1左:0,div 2左:800,div 3 left:1600等等,不用類或n-child選擇器。這可能使用jQuery或甚至css?
謝謝!
我試圖實現一個效果,其中絕對定位的元素會像浮動到左邊那樣表現。我試圖避免使用類或n-child選擇器,因爲絕對定位的div的數量是動態的。在絕對定位的元素上左浮動
因此,div的寬度是800px,我想所有div浮動到左邊,但現在它們堆疊在彼此之間,我不知道如何讓div 1左:0,div 2左:800,div 3 left:1600等等,不用類或n-child選擇器。這可能使用jQuery或甚至css?
謝謝!
有很多方法....
的jQuery:
$("div").each(function(index) {
$(this).css("left", 800*index);
});
你可以定位你的div相對,然後把它們飄浮。
但你必須有一個與寬度關閉所有的div,jQuery的包裝:
$("#wrapper").width($("div").length * 800);
能否請您詳細介紹您的結構(DOM,CSS等)。
這有助於爲您的需求做出最佳解決方案...
整潔的代碼。我必須記住這個以後。 – OptimusCrime 2012-01-09 12:31:56
非常感謝,這工作!對不清楚這個結構有什麼不清楚的地方,我會一直記住下次。 – user1023552 2012-01-09 12:37:11
是否有你用jquery標記了這個問題的原因?它似乎不適用? – 2012-01-09 12:24:25
@RoryMcCrossan編輯... – 2012-01-09 12:26:00
嗯,我認爲這是不可能的,有一個全CSS的解決方案,如果JavaScript是必需的我真的很喜歡它寫在jQuery中,因爲我更好,然後定期的JavaScript。但是,如果你覺得這是不相關的,我會刪除jQuery標籤。 – user1023552 2012-01-09 12:27:41