使div垂直固定，但水平粘贴到页面边框

Question

你能转到：http://www.binarymark.com/Products/ColorPickerPro/default.aspx并注意页面的布局。

我想要做的是将一些小div粘贴或“粘合”到页面的右侧，这样它就在页面的右边框之外。

然而，垂直方向我希望将div固定到一个Window，无论页面滚动多少，它都应该从窗口的上边缘保持固定的300px。

这是http://www.binarymark.com/layexp.png

的样子

你能帮我吗？

看起来很简单，但我不知道如何组合垂直固定定位和水平相对/绝对定位，并确保它支持所有主流浏览器。

感谢。

Answer 1

position: fixed;
right: 0;
top: 50%;

---

修改：尝试将此div插入<div id="content">...的第一个孩子

<div class="right-tab">TEXT</div>

CSS：

.right-tab {
    position: fixed;
    top: 50%;
    width: 1100px;
    background-color: red;
    text-align: right;
}

这应该让你开始。宽度将指定您希望选项卡显示的内容超过多少（因此在这种情况下，它大约为100 px）。红色背景只是让你可以更容易地看到div。