css - 在 CSS 中将两个盒子连接在一起

Question

我现在正在尝试构建一个网站设计，右侧有一个菜单。这是代码，之后我会解释。

#rightmenu {
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    width:30px;height:578px;
    border-bottom-right-radius:10px;
    border-top-right-radius:10px;
    float:right;
    margin-top:-580px;
}

这就是右边的菜单，我希望它附在这个盒子上，并且总是随它去哪里

#content {
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    width:800px;height:auto;
    min-height:400px;
    margin:0 auto;
}

宽度为 800，它正好位于屏幕中心，所以我需要将“rightmenu”附加到居中的内容框。这是它在 800px 时的样子(它应该看起来的正确方式):

如果网络浏览器小于 800 像素(这是网页的最小尺寸)，它的外观如下:

最后，如果网页大于 800 像素，它会采用以下方式:

Answer 1

尝试将它们都包装在一个宽度为 830 像素的 div 中，然后将“margin-right: auto; and margin-left: auto”属性放在该包装上。