如何将div的位置设置为与HTML相同的位置 <body> 打开标签？

Question

我有一个带有母版页的ASP.NET页面，无论出于何种原因导致top:0; left:0 top:0; left:0就在母版页下面。 检查我生成的DOM，我发现<body>位于页面的顶部，我需要定位<div> 。 如何使用JQuery将我的<div>放置在与<body>标签完全相同的位置？

Answer 1

top:0实际上不是top:0的原因是div必须包含在一个元素中，该元素的position: relative或position: absolute （更可能是相对的）。

解决这个问题的最简单方法是将div直接附加到正文。

$("#yourdiv").appendTo("body");

Answer 2

使用.offset() ：

$("#myDiv").offset({ top: 0, left: 0 });

您的div相对于其最近的祖先定位，其position: relative或position: absolute 。 为了相对于页面定位它，您需要计算总偏移量并将其应用于div。 .offset()为你完成所有这些。

这是一个演示正在发生的事情的演示： http ： //jsfiddle.net/gilly3/trSkC/

Answer 3

$("div").css($("body").offset());

Answer 4

你在CSS中尝试过这个吗？

html, body {
  margin: 0;
  padding: 0;
}