javascript - 绝对位置在尝试找到clientWidth时搞砸了一切

好。因此，要获得clientWidth，必须添加代码

#menuSystem a{
position: absolute;
height: auto;
width: auto;
font-size: 15px;
}

您需要执行此操作，才能确定客户端的宽度。我想做的是将与链接相关的描述气泡的左边距设置为链接的clientWidth的长度。但是，当我将“绝对” css属性添加到链接时，它们变得一团糟。
链接应该如何，但气泡不应该：
 
气泡应该如何，但链接不应该
所以这是我的JavaScript函数

function hover(x){
var id = x;
var hoverBubble = document.getElementById(id);
var concat = ["menuLink", id];
var menuId = concat.join("");
var link = document.getElementById(menuId);
var linkWidth = link.clientWidth + 1;
hoverBubble.style.display = "inline";
hoverBubble.style.marginLeft = linkWidth + 'px';
}

最佳答案

还有其他“启用” clientWidth的方法，例如float:left或display:inline-block。
有帮助吗？

关于javascript - 绝对位置在尝试找到clientWidth时搞砸了一切，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13004333/