css - 使 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 像素)。红色背景只是为了让您更容易看到 div。