使用Jquery将图片定位到div的顶部

Question

我有一个ID.css的图片：

#imgP {
  max-width:300px ;
  max-height:300px ;
  position: relative;
  top:0 ;
  left: calc(1em + 1vw);
}

然后我尝试将顶部放置在其父id.css上：

#parent {
  top:-60vh;
  background-image: url('../Image/infome.png');
  border-radius: 10px;
  background-size: cover;
  background-position: center;
  background-repeat: none; 
  padding: 10px; 
}

使用JQuery

$(window).load(function() {
    y = $('#parent').offset().top;
    $("#imgP").css({top:-y});
});`

但是顶部设置为px而不是固定在div顶部位置。