Javascript 开一个div'；弹出窗口'；从单击父div开始

单击“测试”div时，会以如下方式弹出div价目表测试：

但是，我一直在尝试让div在元素的“右”对齐位置而不是左对齐位置弹出，如下所示：

我怎样才能做到这一点

$（文档）.ready（函数（）{
$（“.test”）。每个（函数（）{
$（此）。单击（函数（）{
var leftpos=$（this.offset（）-window.screen.width；
$（this.children（）.css（“left”，leftpos.left）；
$（this.children（）.css（“显示”、“块”）；
});
})
});
。价目表测试{
宽度：100px；
高度：100px；
背景色：红色；
颜色：白色；
显示：无；
位置：绝对位置；
}
.测试{
显示：内联块；
}

打开
试验
使“测试”类位置相对，然后设置“价目表测试”左侧：0%

.test { 
  postion: relative; 
}
.price-list-test {
  left: 0 %;  
  width: 100px;
  height: 100px;
  background-color: red;
  color: white;
  display: none;
  position: absolute;
}

请分享更多的代码，如页面结构和与此
相邻的部分。test
div。。。以及要将弹出窗口与之对齐的元素的代码（HTML/CSS）。