0

私は自分のバージョンの Kickstarter.com のトップバーのクールな小さな画像を見せびらかそうとしていましたが、うまくいきませんでした。

アイテムを絶対に配置しようとしましたが、何をしても「機能」していません。

行ったことは次のとおりです。

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

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

しかし、その後、すべてのアイテムが互いに積み重なっていきます。

ところで: これだけでは十分ではないことはわかっていますが、この問題を解決するには助けが必要です。言い換えれば：私は立ち往生しています！

4

3 に答える 3

1

私はあなたがこのようなものが欲しいと思います:

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

JS を使用してレイアウトを作成しようとしている理由がわかりませんか?

于 2012-07-29T16:21:33.067 に答える
1

カッコいいものを見て「どうやって作ったの？」と思った時。...最初の応答は何ですか?

Firebugでそれを見てください。または Chrome の開発ツール。か何か。HTML 構造が何であるかを確認します。すべてに適用される CSS を確認します。それが何をするのか理解できない CSS ルールがある場合は、一時的にオフにするか、値をいじってください。Firebug の能力を利用して、ライブで操作を有利に進めましょう。

この場合、実際にはそれほど難しくありません。中のアイテムは画像を使用しているだけですfloat:left; width:120px; height:90px- それらはたくさんあります。ラッパーは幅が 2640 ピクセルで中央に配置されているため、position:absolute; margin-left:50%; width:2640px; left:1320px.

于 2012-07-29T16:21:53.980 に答える
0

これはグリッドなので、このjsFiddleのようなテーブルを使用します。

于 2012-07-29T16:35:09.760 に答える