私はそれぞれfloat: left
プロパティが適用された一連の画像を持っています。それらは400px
の幅の領域で拘束され、4×4のグリッドにそれらを強制します。私がそれらの位置を取得しようとすると、それらは常に正しくありません。これを引き起こしているのは何ですか?私はここで何をしようとしているのかを見ることができます:http://dev.redemptionconnect.com/cards/browse。イメージの1つをクリックすると、私の言いたいことが分かります。ポップアップするダイアログは、クリックしたイメージ上に表示されます。浮動要素のjqueryオフセットが正しくありません
答えて
実際のフローティング要素のオフセットを確認する必要があります。その下にある<img>
。実際には、フローティング時にリンクのインラインレイアウトの性質から切り離され、リンクはtop:0;left:0
のままです。
また、<a>
を取り除き、そのクリックイベントを画像に適用することもできます。またはfloat:left
<a>
です。
をクリックするだけで、左の位置が正しいことが許可されたimgに適用されます。トップはまだ間違っている – LordZardeck
大丈夫、それは行の高さと関係がある。ありがとう! – LordZardeck
'display:block'を' 'にすると、それも修正されます。それは大いに助けました! –
keystorm
- 1. アクティビティの要素の幅が正しくありませんか?
- 2. Canvas要素のタイプが正しくありません
- 3. "output_shapeの要素数が正しくありません"
- 4. HTML浮動小数点が正しくオフセットされていません
- 5. jQueryは、親の要素を正しくカウントしません。
- 6. jQuery - 浮動要素を別の要素に貼り付ける
- 7. XMLパーサーの障害:要素の形式が正しくありません。 null
- 8. React-Nativeでyoutubeコンポーネントの要素タイプが正しくありません
- 9. CosmicMindのキャプチャAPI - 素材:カメラプレビューが正しくありません
- 10. jQuery Mobileのページの高さが正しくありません
- 11. $ .postの値が正しくありません。 jQueryの
- 12. jQueryのトグル状態が正しくありません
- 13. Jqueryクイズのパーセンテージが正しくありません
- 14. ChromeでJQueryウィンドウの幅が正しくありません
- 15. jQueryのバリデーションが正しくありません
- 16. ng-repeatは着色要素が正しくありませんか?
- 17. SQLiteのフィールドスロットの要求が正しくありません
- 18. 要求/要求約束のTypeScript定義が正しくありません: "time"オプションがありません
- 19. ExpressJS - 要求ヘッダーのドメイン名が正しくありません
- 20. 子要素から親要素への文字列フィールドのバインドが正しくありません。
- 21. ブートストラップリンクが正しくありません
- 22. タイムゾーンが正しくありません
- 23. イメージローテーションが正しくありません
- 24. マルチプルセレクトリストが正しくありません
- 25. アラモファイアポストボディフォーマットが正しくありません
- 26. JQuery非表示の要素がありません
- 27. Vimの自動インデントのインデントが正しくありません
- 28. 浮動要素とjQueryの使用
- 29. ナビゲーションバーが正しく右に浮かぶことはありません
- 30. WPF ToggleButtonのレンダリング動作が正しくありません
私はview-sourceのとき、あなたのサイトのコードは恐ろしいものです。関連するコードを直接質問に投稿してみてください。 – Jasper
うわー。それはとても奇妙です。それはいいですし、私のソースファイルでフォーマットされています。 1秒 – LordZardeck
http://pastebin.com/raw.php?i=1zd1h4TVこれはソースファイル – LordZardeck