Javascript 左右滑动一个 div - 但有一点 'ear'

Question

我希望能够左右滑动 div...我已阅读其他帖子并通过单击按钮使其工作。

但是

我想要一个 float 的小“耳朵”(小圆形图标，作用类似于按钮)，它会粘在 div 的右上角。这个“耳朵”将充当在表单中左右滑动的按钮。

我的问题是......我如何让这个小耳朵贴在 div 的右上角，但让它卡在 div 上方和外部。
另一种说法是，我想要一个 float div，它会粘在 div 的右上角，无论另一个 div 位于何处。

我正在考虑使用另一个包含图形的 div，并强制“耳朵”的位置位于“耳朵”应该附加到的 div 的右上角。

谢谢

Answer 1

像这样的东西可能会起作用:

#container {
    position:relative;
    overflow:visible;
}
#ear {
    position:absolute;
    left: 100%; /* hang over right edge */
    top: 0;
}

假设这个 HTML:

<div id="container">
    <div id="ear">Click me!</div>
    Look at me, I'm a moving box!
</div>