html - 固定定位 div 以在绝对定位 div 内右对齐

Question

我在绝对定位包装器内有这个固定定位按钮。 我想将按钮在包装内但在右侧对齐。

现在我只能将其在包装器内居中对齐或在包装器内左侧对齐。

我知道固定位置会破坏流程，但我知道可以做到这一点，我只是不知道如何让它工作。

这是标记:

<div id="nav-container">
    <div id="logo-white">LOGO</div>

    <div class="menuButton">menu</div>


    </div>

这是一个FIDDLE

Answer 1

实际上，您已将 .menuButton div 从左侧和右侧拉至 0 距离，因此只需删除 left:0px; 并将位置更改为position:absolute;在.menuButton中

Working Demo :已更新

 .menuButton {
        height:35px;
        width: 35px;
        background: #39C;
        position: absolute; /* Changed from fixed */
        cursor: pointer;
        z-index: 999;
        top: 25px;
        right: 0px;
        /*left: 0px; ---- REMOVED */
        margin: 0px auto;           
    }