マスターページを持つASP.NETページがありますが、これは何らかの理由でtop:0; left:0
がマスターページの直下にあるためです。私の生成したDOMを調べると、<body>
がページの一番上にあることが分かりました。ここでは<div>
を配置する必要があります。私の<div>
の位置をJQueryを使って<body>
タグと全く同じ場所に配置するにはどうすればいいですか?divの位置をHTML <body>開始タグと同じ位置に設定するにはどうすればよいですか?
0
A
答えて
2
top:0
が実際にトップではないことを理由は、div要素がposition: relative
またはposition: absolute
(可能性が高いを持っている要素内に含まれなければならないことです、相対)。
これを修正する最も簡単な方法は、divを直接ボディに追加することです。
$("#yourdiv").appendTo("body");
0
使用.offset()
:
$("#myDiv").offset({ top: 0, left: 0 });
あなたのdivがposition: relative
またはposition: absolute
と最も近い祖先に対して配置されています。ページとの相対的な位置を決めるには、オフセットを計算してdivに適用する必要があります。 .offset()
はあなたのためにすべてを行います。ここで
は何が起こっているかを示すデモです:http://jsfiddle.net/gilly3/trSkC/
0
$("div").css($("body").offset());
+0
'$(" body ").offset()'は本体マージンが何であれ(本質的に)返します。あなたが 'body {margin:25px; } '、' $( "body")。offset() 'は' {top:25、left:25} 'を返します。 divに相対的な位置にある祖先がある場合(これがそうであるように見える)、これはページではなく、その祖先の左上から25pxの位置に配置されます。 – gilly3
0
CSSでこれを試しましたか?
html, body {
margin: 0;
padding: 0;
}
関連する問題
- 1. divを別のdivと同じ位置にとどめるようにする
- 2. 別のdiv位置に依存するようにdiv位置を設定するにはどうすればよいですか?
- 3. テキストボックスの編集カーソルの開始位置をデフォルトの位置に設定するにはどうすればよいですか?
- 4. 特定のcontenteditable divにキャレット/カーソルの位置を設定するにはどうすればよいですか?
- 5. CATransitionでどのように開始位置と終了位置を指定できますか?
- 6. プロセスを開始するときに開始位置をプログラムで設定する
- 7. divの別の位置から開始するにはどうすればいいですか
- 8. 相対位置divを展開して絶対位置divをすべて含むようにするにはどうすればよいですか?
- 9. 角度4のcontenteditable divにキャレットの位置を設定するにはどうすればよいですか?
- 10. 位置:cssで固定:スクロールバーの位置に応じて、divは別の位置に表示されます
- 11. 右端にdiv位置を設定するにはどうすればよいですか?
- 12. CSS:どのように相対位置のdiv内のスパンの絶対位置を設定するには
- 13. Xcodeのコンテンツはナビゲーションバーの同じ位置から開始され、
- 14. Googleタグマネージャの異なるHTML位置にタグを追加するにはどうすればよいですか?
- 15. Googleマップを若干前のdivの位置に配置するにはどうすればよいですか?
- 16. 画像の位置は背景の位置と同じです
- 17. は、開始位置
- 18. divを相対位置に固定した位置に設定する
- 19. divを同じ位置に表示
- 20. トライの位置IDを位置IDに変換するにはどうすればよいですか? Verilog
- 21. nsisのショートカットの開始位置を変更するにはどうすればよいですか?
- 22. 開始時にランダムな位置をImageViewに設定します
- 23. のdivのスクロール開始位置
- 24. トグルの開始位置を変更するにはどうすればよいですか?
- 25. D3 Forceの開始位置を追加するにはどうすればよいですか?
- 26. HTMLのテキストボックスに対するツールチップの位置を固定するにはどうすればよいですか?
- 27. CSS位置はすべての画面で同じ位置に固定
- 28. HTML/CSS:奇数位置でのDIVの開始
- 29. 2つのdivのスクロール位置を同期させるにはどうすればよいですか?
- 30. モバイルデバイスとデスクトップデバイスでヘッダーの位置を正しく設定するにはどうすればよいですか?
何かの左上と左端?いくつかのhtml/cssが参考になります。 TopとLeftは、相対的な最後のコンテナを基準にしています(デフォルトでは静的です)。これは、それが適切に配置されていない理由です。 jQueryを使ってそれをハッキングすることは、最良の解決策のようには聞こえません。 – mrtsherman