Html 位置固定在页面的下角，而不是div的下角

我已经一年多没写代码了，所以我有点生疏了。我试图将我的菜单固定在div“wrapper”的右下角，但它固定在屏幕的右下角

如果查看此处：，则位置：fixed相对于浏览器窗口。您需要使用position:absolute，它相对于position:relative的最近父div。我相信您想要类似的东西（注意位置：固定在#包装上，位置：绝对在#菜单上）：

---

这应该可以做到。父容器需要

位置：相对以便可以正确定位子对象

#wrapper {
    width: 1840px;
    margin: 0px auto;
    text-align: left;
    padding: 15px;
    background-color: #F0E0B2;
    position: relative;
    }

#menu, #menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    }

#menu {
    position: relative;
    bottom: 0;
    right: 0;
    width: 759px;
    border-right: 1px solid #C0B38E;
    background-color: #F0E0B2;
    }

我觉得你看起来像这样。我希望它能帮助你


#wrapper {
    width:1840px;
    margin: 0px auto;
    /*text-align: left;*/
    padding:15px;
    background-color: #F0E0B2;
    position: relative;
    }

#menu, #menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    }

#menu {
    position: absolute;
    bottom: 0;
    right: 0;
    border-right: 1px solid #C0B38E;
    background-color:red;
    }
ul#menu li{
    text-align: right;
    padding-right: 5px;
    float: left;
    }

欢迎来到OS！那么，你的问题是什么？你想达到什么目标。你能在你的问题中提供更多吗？
#wrapper {
    width:1840px;
    margin: 0px auto;
    /*text-align: left;*/
    padding:15px;
    background-color: #F0E0B2;
    position: relative;
    }

#menu, #menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    }

#menu {
    position: absolute;
    bottom: 0;
    right: 0;
    border-right: 1px solid #C0B38E;
    background-color:red;
    }
ul#menu li{
    text-align: right;
    padding-right: 5px;
    float: left;
    }