jQuery/CSS - 使用left/top重新定位相对DIV
jQuery是一个快速、简洁的JavaScript库，它简化了HTML文档遍历、事件处理、动画效果和Ajax交互等操作。CSS（层叠样式表）是一种用于描述HTML文档外观样式的语言。
在使用jQuery和CSS时，可以使用left和top属性来重新定位相对DIV元素。left属性用于设置元素相对于其父元素左边缘的偏移量，而top属性用于设置元素相对于其父元素顶部边缘的偏移量。
通过修改left和top属性的值，可以实现相对DIV元素的位置调整。例如，可以使用以下代码将一个相对DIV元素定位到距离其父元素左边缘100像素、顶部边缘200像素的位置：
$("#myDiv").css({
"left": "100px",
"top": "200px"
});这将使id为"myDiv"的元素相对于其父元素重新定位到指定的位置。
对于CSS的使用，可以通过jQuery的css()方法来修改元素的CSS属性。在上述示例中，通过传递一个包含left和top属性的对象作为参数，使用css()方法来设置相对DIV元素的位置。
关于jQuery和CSS的更多信息，你可以参考以下链接：
- jQuery官方网站：https://jquery.com/
- CSS教程：https://www.w3schools.com/css/
腾讯云相关产品中，与前端开发和CSS相关的产品包括云服务器（CVM）、云存储（COS）和内容分发网络（CDN）。你可以通过以下链接了解更多信息：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 内容分发网络（CDN）：https://cloud.tencent.com/product/cdn
相关·内容
1回答
虽然我不能确定左侧/顶部的值，因为如果我使用"top“和" left "，它会将左侧相对设置为它的父级位置。将移动的可单击DIV的CSS。var Ori_Left = $(this).offset().left;
// New Positio
浏览 0提问于2011-03-13得票数 3
回答已采纳
我正在使用 jQuery表单验证插件。它在一个很小的浮动div中显示了字段错误，这很棒。这个插件的代码是，示例是。
浏览 3提问于2011-10-06得票数 5
当我对一个物体进行绝对定位时，它就卡在那里了。当您调整浏览器窗口的大小时，它会停留在那里，而其他对象会四处滑动，从而杀死整个点。
现在，这只是给我的。显然，它适用于普通的网站，比如你现在使用的网站。我如何通过绝对定位来实现这一点？
浏览 0提问于2011-10-10得票数 9
回答已采纳
我试图得到它，所以当我悬停在一个DIV上时，另一个DIV显示在那个DIV中，但是显示在当前的内容上。我尝试使用display: none和display:块和可见性隐藏，并搜索负载，但似乎没有一个允许在当前内容上显示DIV。width:90%; position:absolute; margin-left: 5%;
margin-top: 5%;
浏览 1提问于2013-12-10得票数 3
回答已采纳
我已经学习了如何将html表单元素放在图像的顶部。现在，当我调整窗口的大小时，我希望按钮保持不变。
浏览 2提问于2014-11-05得票数 0
回答已采纳
如何使用jQuery .offset方法获取和设置元素的位置？
假设我有一个div layer1和另一个layer2。如何获取layer1的位置并将相同的位置设置为layer2
浏览 3提问于2011-01-06得票数 110
3回答
单击它时，将显示一个DIV。div将位于链接的下方。如果从左边的链接位置是215 be，则从左侧的DIV位置也将是215 be。如何跟踪链接的位置，以确定DIV的位置，以便它能够坚持它。<a href="link" id="link">Link</a>
<div id="float" style="display:none;">Some text</div<
浏览 4提问于2011-10-28得票数 3
回答已采纳
.offset([coordinates])方法设置元素的坐标，但仅相对于文档。那么我如何设置一个元素的坐标，但是相对于父元素呢？我发现.position()方法只获取相对于父对象的"top，left“值，但它没有设置任何值。我试着用但不起作用。
浏览 1提问于2012-10-05得票数 151
回答已采纳
5回答
了解偏移方法的返回值
、、、、
当我在浏览器中打开这个文档并使用浏览器的控制台调查#stimulus的属性时，我看到的是：< Object {top: 0, left: 0}< "-155.761px"
> $('#stimulus').css('left
浏览 4提问于2016-01-22得票数 9
回答已采纳
1回答
我想要定位jQuery UI combox。我有不止一个，但不是所有的都必须处于相同的相对位置。></div>div.comboTravel{position: relative; left: 410px; top: -23px; display: inline-block以下css起作用：
.ui-combobox{position: rela
浏览 1提问于2012-06-04得票数 0
回答已采纳
我在相对定位的div中有一个绝对的定位div。我已经读到，这可以使用jquery完成，但我无法让它工作。Html<div style="float:left;"
浏览 3提问于2013-03-05得票数 4
绝对定位很好，但它似乎是相对于浏览器窗口进行定位的。这对我不起作用，因为我的页面内容居中。我试图构建一个类似于的结构。那么，如果我让灰色条部分在页面居中-我该如何定位这三个部分呢？(一个在另一个的右边)。再说一次，我所能想到的就是将它们绝对定位在我想要的位置，但是没有一种方法可以在它们各自的div标签中而不是在主窗口中“绝对”地定位它们吗？
浏览 0提问于2011-09-16得票数 0
回答已采纳
最近，我们的主网站进行了重新设计wrt UI -新的导航/页脚等。主网站(带有自己的UI -导航/页脚等)托管其他html页面，这些页面在主页中被调用。在重新设计之前，每当我们创建-Relatively定位的html页面(用于滑块/悬停效果等)时，-having绝对定位的Div (内容器-绝对) -which中有图像(图像-内容)但在新的UI中，定义内容的位置变
浏览 2提问于2014-03-27得票数 0
4回答
我在一个页面上有几个div，希望div像拼图一样放在一起，但当其中一个div比其他div长时，div的第二行从第一行最高div的底部开始，而不是向上移动并覆盖空格。
浏览 2提问于2014-03-09得票数 0
3回答
我希望能够标记用户单击的图像，存储坐标，然后能够在以后重新创建标记。我已经关闭了存储部分，但在图像上显示标记图像时遇到了问题。 <div id="container">
<img id="img
浏览 2提问于2011-12-13得票数 0
回答已采纳
2回答
我用jQuery动态地追加了一些html，我想把它直接插入到另一个元素的顶部。我该怎么做呢？embedly({maxWidth:300,'method':'replace'}).bind('embedly-oembed', function(e, oembed){ });
})
浏览 0提问于2011-03-14得票数 4
回答已采纳
2回答
所以我在jquery中有一个很长的函数，其中包括一个jquery ajax调用、一些css更改和重新定位div。('top',$(this).offset().top+25) .css('visibility', "
浏览 0提问于2012-06-09得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
