javascript - 获取 div 位置并向某些 div 添加一些像素 - Jquery

Question

我想获取.top类div的当前top位置，然后我必须在.bottom中添加一些20px+.top > 内联样式。

例如:如果 .top 有 top:200px; .bottom 必须更改为 top:220px;

funtion(){
var position = $('.top').offset();
$('.bottom').css(position)+20px;
}

.parent
{
  position: relative;
}
.child
{
  position: absolute;
}
.top
{
  top: 100px;
  right: 0px;
  
}
.bottom
{
  right: 0px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="parent">
  <div class="child top">Top</div>
  <div class="child bottom">Bottom</div>
</div>

Answer 1

    funtion(){
    var position= $('.top').offset();
    var top= position.top;
    var left = position.left;
    var newtop = top + 20 + "px";
    var newleft = left + 20+ "px";

    $('.bottom').css( {
    'position': 'absolute', // if require
        'left': newleft,
        'top': newtop 
    });
    }