Css 位置：固定赢得'；不要把自己放在右边_Css

Css 位置：固定赢得'；不要把自己放在右边

css

Css 位置：固定赢得'；不要把自己放在右边,css,Css,我有一个小的菜单div，我想保持在页面的右上角，即使内容是滚动的。我让它在垂直定位方面工作，但由于某种原因，水平定位是向左而不是向右这是div。一旦样式设置完成，我将把样式元素放在样式表中 <div style="position: fixed; top: 62px; right: 2px; width: 80px; height: 150px; border-radius: 15px;"> 我删除了#main的所有样式元素，并删除了backg div。它仍然在左侧当我把div

我有一个小的菜单div，我想保持在页面的右上角，即使内容是滚动的。我让它在垂直定位方面工作，但由于某种原因，水平定位是向左而不是向右

这是div。一旦样式设置完成，我将把样式元素放在样式表中

<div style="position: fixed; top: 62px; right: 2px; width: 80px; height: 150px; border-radius: 15px;">

我删除了#main的所有样式元素，并删除了backg div。它仍然在左侧

当我把div放在Rails布局文件中body标记的后面时，它仍然在左侧。胡说

这是在狩猎中发生的。我测试了Firefox和Chrome，这两款浏览器的浏览器都在左边。

谢谢。

试着把上面提到的代码放在body标签开始的地方。像

Hmmm，在这个JSFIDLE中它似乎对我有用：你能提供更多的代码让我们看到上下文吗？@jackrugile，它唯一会在rails主div中。如果你想要固定的div在任何容器元素中，它的位置是相对的、绝对的或固定的，固定div将相对于其容器元素进行定位。确保div的包含父对象是主体或具有静态位置的元素。rails主分区的位置是什么？@jackrugile，更新了我的问题。我认为位置：固定始终与视口/浏览器窗口相关，该窗口可能是html元素，也可能不是html元素，这取决于用户代理/浏览器，而不考虑任何定位的祖先/父级+1、这是确保div相对于身体定位的最简单方法。

    <div class="backg">
        <div id="main">
            <%= yield %>
            <%= yield :javascript%>

            <div class="notice_alert">
               <%= notice %>
               <%= alert %>
            </div>
        </div>
    </div>

.backg { background: url(../images/bkgd_body.gif) 0 0px repeat-x !important; }
#main { position: static; width: 90%; margin-left: auto; margin-right: auto; margin-top: 60px; }

<body>

<div style="position: fixed; top: 62px; right: 2px; width: 80px; height: 150px; border-radius: 15px;">

<div id="sss">
</div>


</body>