如何将div的位置设置为与HTML开始标记相同的位置?

时间:2011-09-08 18:23:48

标签: javascript jquery master-pages positioning

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

4 个答案:

答案 0 :(得分:2)

top:0实际上不是顶部的原因是div必须包含在具有position: relativeposition: absolute(更可能是相对)的元素中。

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

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

答案 1 :(得分:0)

使用.offset()

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

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

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

答案 2 :(得分:0)

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

答案 3 :(得分:0)

你在CSS中尝试过这个吗?

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