<style type="text/css">
body{margin-left:30px;border:1px solid;position:relative;}
#d{border:1px solid;position:absolute;left:10px;}
</style>
</head>
<body>
<p id="f">我们都是好孩子</p>
<script type="text/javascript" src="jquery.js"> </script>
<script type="text/javascript">
alert($("#f").position().left);
alert($("#f").offset().left);
</script>jquery下,一个是40px,一个是41px,为何。。
body{margin-left:30px;border:1px solid;position:relative;}
#d{border:1px solid;position:absolute;left:10px;}
</style>
</head>
<body>
<p id="f">我们都是好孩子</p>
<script type="text/javascript" src="jquery.js"> </script>
<script type="text/javascript">
alert($("#f").position().left);
alert($("#f").offset().left);
</script>jquery下,一个是40px,一个是41px,为何。。
我也蛮以为position应该是设置多少 然后$("#f").position().left表现出来的值就是多少
ff下是39px和40px
在Opra下是9px和10px
我也很困惑
position
和
offset
本身就是两个不同的事情啊。
position:相对父元素的偏移。
offset:当前窗口的相对偏移。
而把整个父元素的margin-left也加上去