Kickstarter.com「top」-bar小圖像如何操作？

Question

我一直在試圖讓我的Kickstarter.com的頂級版酷炫的小圖像炫耀版 - 沒有任何運氣。

我試圖絕對地定位項目，但不管我做什麼它只是不「工作」。

這裏是搞什麼名堂來完成：

$('#holder .box').each(function(n){ 
    var pLeft = $(this).position().left; 

    $(this).css({ 
    position: 'absolute', 
    left: pLeft 
    }); 
}); 

但隨後的所有項目上互相疊放。

順便說一句：我知道這是不夠的伎倆，但我需要幫助，以進一步解決這個問題。換句話說：我是STUCK！

Answer 1

當你看到一些很酷的東西，你想知道「他們是怎麼做到的？」 ......你的第一個迴應是什麼？

看着它在Firebug。或Chrome的開發工具。或者其他的東西。查看HTML結構是什麼。看看應用於一切的CSS是什麼。如果有一個CSS規則，你不明白它做什麼，只是暫時關閉它或混亂的價值。使用Firebug的能力來操縱你的優勢。

在這種情況下，實際上並不難。裏面的物品使用的圖像是float:left; width:120px; height:90px - 有很多。包裝的寬度爲2640像素，居中，所以它是position:absolute; margin-left:50%; width:2640px; left:1320px。

Answer 2

我想你想是這樣的：

http://fiddle.jshell.net/sfkzY/

不知道爲什麼你正在試圖做的使用JS佈局？

Answer 3

這是一個網格，所以我會去一張桌子，像這樣jsFiddle。