css – 使div垂直固定,但水平粘在页面的边框上

来源：互联网收集：自由互联发布时间：2021-06-13

你能转到： http://www.binarymark.com/Products/ColorPickerPro/default.aspx并注意页面的布局. 我想要做的是将一些小div粘贴或“粘合”到页面的右侧,这样它就在页面的右边框之外. 但是,垂直方式我想

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

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

但是,垂直方式我想将div固定到一个Window,无论页面滚动多少,它都应该保持距窗口顶边300px的固定位置.

这是它应该看起来像http://www.binarymark.com/layexp.png

你能帮我吗？

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

谢谢.

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.

相关文章