Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/454.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用绝对定位将一个div定位在另一个div附近_Javascript_Html_Css - Fatal编程技术网

Javascript 使用绝对定位将一个div定位在另一个div附近

Javascript 使用绝对定位将一个div定位在另一个div附近,javascript,html,css,Javascript,Html,Css,我试图实现的是一个类似于工具提示的元素定位,该元素位于同一个contain中,当单击该元素时,将显示一个包含表的div 完整代码可在此处找到: 当有人单击.child table link时,.child数据表容器应该相对于单击的链接定位 我在.child表链接的单击处理程序中执行此操作: var _this = $(this); $(".child-data-table-container").css({ "left": _this.offset().left - ($(

我试图实现的是一个类似于工具提示的元素定位,该元素位于同一个contain中,当单击该元素时,将显示一个包含表的
div

完整代码可在此处找到:

当有人单击
.child table link
时,
.child数据表容器
应该相对于单击的链接定位

我在
.child表链接的单击处理程序中执行此操作:

var _this = $(this);
$(".child-data-table-container").css({
          "left": _this.offset().left - ($(this).width / 2),
          "top": _this.offset().top
})

top
有效,但
left
无效。我是怎么做到的?一般来说,在视图端口中相对于另一个元素定位一个元素是我要寻找的

问题是您计算的左侧位置错误,“left”将是工具提示容器左边缘的位置,因此如果您希望它正好位于链接的左侧,则只需将其设置为工具提示容器的负宽度。看看这个:

.canvas{
显示器:flex;
对齐项目:居中;
证明内容:中心;
}
.linkContainer{
位置:相对位置;
背景:#000;
}
.工具提示{
位置:绝对位置;
宽度:100px;
高度:100px;
背景:绿色;
排名:0;
左:-100px;
}


请在您的问题中发布a,而不仅仅是在第三方网站上。在您的示例中没有带有class
子表链接的元素!!!!代码已更新,请检查新链接