jquery offset()和position()

ili*_*ica 2 jquery position parent offset

我需要获取元素相对于其父元素的位置.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>
Run Code Online (Sandbox Code Playgroud)

结果:

左:231,上:31

如果p.paragraf是在里面#container那么#container应该是父母p.paragraf.如果填充#container设置为30px,左侧和顶部位置不 p.paragraf应该是30px?

我试过,offset()但它给出了相同的结果position()

Jus*_*808 7

阿罗哈,

添加位置:相对; 你的容器风格

jsfiddle的例子