gpt4 book ai didi

jquery offset() 和position()

转载 作者:行者123 更新时间:2023-12-01 02:36:34 26 4
gpt4 key购买 nike

我需要获取元素相对于其父元素的位置。 position() 应该可以做到这一点,但看起来并没有。

<!DOCTYPE html>
<html>
<head>
<style>

body{padding: 0px; margin: 0px;}
div { margin-left: 200px; padding: 30px; border: 1px solid red;}
p { margin: 0px; padding: 0px; border: 1px solid black }
</style>
<script src="http://code.jquery.com/jquery-1.5.js"></script>

<script>
$(document).ready(function() {

var p = $("p.paragraf");
var position = p.offset();
$("p.zadnji").text( "left: " + position.left + ", top: " + position.top );

});
</script>

</head>
<body>

<div class="container">
<p class="paragraf">Hello</p>
</div>
<p class="zadnji"></p>

</body>
</html>

结果:

left: 231, top: 31

如果 p.paragraf 位于 #container 内,则 #container 应该是 p.paragraf 的父级。如果#container的内边距设置为30px,那么p.paragraf的左侧和顶部位置不应该都是30px吗?

我尝试了 offset() 但它给出的结果与 position()

最佳答案

阿罗哈,

添加position:relative;适合您的容器样式

jsfiddle示例

关于jquery offset() 和position(),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5033831/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com