弹出框在右侧第一个显示后向下移动

Question

在此小提琴中，弹出窗口应显示在'？'的右侧。点击链接。

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; 
} 

Answer 1

注意锚标记的“相对”定位，“绝对”的 弹出跨度 - 这应该始终保持它的权利，不应该 呢？

这不是真的，因为你没有一个属性可以将弹出框水平地绑定，除了我已经添加的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; 
}