Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/441.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 当试图找到clientWidth时,绝对位置会把一切都搞糟_Javascript_Css - Fatal编程技术网

Javascript 当试图找到clientWidth时,绝对位置会把一切都搞糟

Javascript 当试图找到clientWidth时,绝对位置会把一切都搞糟,javascript,css,Javascript,Css,嗯。因此,要获得clientWidth,必须添加代码 #menuSystem a{ position: absolute; height: auto; width: auto; font-size: 15px; } 您需要这样做,它才有资格确定客户端宽度。我试图做的是将与链接相关的描述气泡的左边距设置为链接的clientWidth的长度。然而,当我将“绝对”css属性添加到链接中时,它们会变得一团糟。 链接应该如何,而不是泡沫: 泡沫应该是怎样的,而不是联系 这是我的JavaScript函数

嗯。因此,要获得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


这有帮助吗?

这很令人困惑。可能是你在寻找左边的填充?不是。链接的绝对位置(如果你想找到clientWidth,这是必需的)弄乱了我的链接,但是解决了我想要的边距的问题。好吧,看看这个问题和你发布的图片,我只是不清楚到底是什么问题。