JSFiddle - React, Tailwind, and code Playground

CSS

body > div {
    position:relative;
    margin:50px;
    padding:50px;
    width:100px;
    height:100px;
    background:red;
}
body > div > div {
    width:100px;
    height:100px;
    background:yellow;
}

JavaScript

var parent = $("<div/>").appendTo(document.body);
var log = $("<pre/>").appendTo(document.body);

var child = $("<div/>").appendTo(parent);

log.append("using offset: ");
log.append("\nleft "+ child.offset().left + ", top "+ child.offset().top);
log.append("\nusing position: ");
log.append("\nleft "+ child.position().left + ", top "+ child.position().top);