css - 右侧第一次显示后，弹出框将向下移动

在这个小提琴中，弹出窗口应显示在“？”的右侧。点击后的链接。

https://jsfiddle.net/eur6ao3z/13/

第一次点击就可以了。但是，当我再尝试几次时，它总是会下降到下一行。这是为什么？

注意Anchor标签的“相对”位置，弹出窗口范围的“绝对”位置-这应该将其始终保持在右边，不是吗？

.helpicon {
  position: relative;
}

.helpbox {
    background-color:#FFFFFF;
  border:1px solid #999999;
  cursor:default;
  display:none;
  margin-top: 5px;
  position:absolute;
  text-align:left;
  width:394px;
  z-index:50;
  padding: 15px 15px 15px;
}

最佳答案

注意Anchor标签的“相对”位置，而对于
  弹出范围-应该将其始终保持在右侧，不应该
  它？


这是不正确的，因为除了我添加的right:0px;之外，您没有可以水平绑定弹出窗口的属性。

.helpbox {
    background-color:#FFFFFF;
  border:1px solid #999999;
  cursor:default;
  display:none;
  right:0px; // added this
  margin-top: 5px;
  position:absolute;
  text-align:left;
  width:394px;
  z-index:50;
  padding: 15px 15px 15px;
}

关于css - 右侧第一次显示后，弹出框将向下移动，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37231727/