Question

当导航定位固定时，我无法将导航对齐到右侧。我阅读了之前的主题，并实施了所建议的内容，但尽管如此，我无法将其保留在主容器内并与右侧对齐。
它要么根本不移动（浮动：向右），要么离开容器。

utf8mb4

问题出现在这个网站上：www.oktawiakata.com
登录：登录
密码：superstrongpassword

提前感谢您的提示！

Answer 1

当您的元素定位为固定元素时，您需要将正确的值更改为0px;

#someContainerCSS{
    position: fixed;
    right   : 0px;
}

那应该做的工作。

Answer 2

我无法让它停留在主容器内并与右侧对齐。

使用position:fixed元素的位置将相对于浏览器窗口，因此说它将以CSS术语保留在主容器中并不完全正确。

如果您希望它保留在主容器中，则应使用position: absolute

#main-container{
    position: relative;
}
#navigation{
    position: absolute;
    right: 0;
}

<强>更新

将此代码用于导航栏，例如评论中提供的示例：

HTML

<div id="navigation-bar">
    <div class="navigation-content">
        <ul class="navigation-menu">
            <!-- Your <li> elements here -->
        </ul>
    </div>
</div>

CSS

#navigation-bar{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: auto;
    padding: 15px 0px;
}
#navigation-bar .navigation-content{
    width: 1280px;
    margin: auto;
    text-align: right
}
#navigation-bar .navigation-content ul{
    // Your list styles ...
}

导航位置固定 - 无法与右侧对齐

2 个答案: