JQuery - .position isn't returning offset relative to parent

Question

I\'m using .position to find the offset of where the element is relative to the parent, however it seems to be returning a value that is the offset from some parent

Answer 1

If I am correct, I think this is a CSS issue, not necessarily a jQuery one.. My understanding is that the default value of the CSS "position" property is static (not absolute, relative), and positioning is calculated relative to the first ancestor that is not set to static.

If the element has no ancestor with non-static position, the element will be positioned relative to the html block.

If you want to position a div relative to a wrapper div, try setting the wrapper div's position property to something other than static (relative, absolute), depending on your needs.

Here's a simple example that demonstrates this..

  
 
 

  

     positioned relative to html block 
  
  
      

   

     positioned relative to parent div