Javascript 使用绝对定位将一个div定位在另一个div附近
我试图实现的是一个类似于工具提示的元素定位,该元素位于同一个contain中,当单击该元素时,将显示一个包含表的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 - ($(
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子表链接的元素!!!!代码已更新,请检查新链接