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

标签 javascript css

好的。因此,要获得 clientWidth,您必须添加代码

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

您需要执行此操作才能使其有资格确定客户端宽度。我想要做的是将与链接相关的描述气泡的左边距设置为链接的 clientWidth 的长度。但是,当我将“绝对”CSS 属性添加到链接时,它们会变得一团糟。 链接应该如何,而不是气泡: how the links should be, but not the bubble 气泡应该如何而不是链接 how the bubble should be but not the links所以这是我的 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:leftdisplay:inline-block
有帮助吗?

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

相关文章:

javascript - 如何为 raphael 添加 SVGPan 支持

javascript - Tablesorter 仅按降序对习惯解析的数字进行正确排序,升序是错误的

javascript - Javascript Accordion 如何工作?

javascript - 使用 bxslider 破坏中断样式调整窗口大小

HTML 如何根据选定的单选按钮更改目标页面

html - 如何抓取图标图像

javascript - UI Bootstrap Modal 弹出窗口无法与 AngularJS 一起正常工作

javascript - 获取 TypeError : Object(. ..) 不是在 React 中更改路由时的函数

css - float 元素旁边的 Bootstrap 3 导航

jquery - 滚动时 - 仅在点击 div 时固定元素