在 CSS 中将两个盒子连接在一起答案

【问题标题】：Attaching two boxes together in CSS在 CSS 中将两个盒子连接在一起
【发布时间】：2013-04-27 10:28:05
【问题描述】：

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

#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，它正好在屏幕上居中，所以我需要将“右键菜单”附加到居中的内容框。这是它在 800 像素时的样子（它应该看起来的正确方式）：

如果网络浏览器小于 800 像素（这是网页的最小尺寸），则显示如下：

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

【问题讨论】：

标签： css position positioning webpage

【解决方案1】：

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

【讨论】：

当我看到它时，我觉得自己像个白痴，我没有想到这一点，但它并没有完全按照我的计划工作。编辑 - 我完全搞砸了，我要再试一次。
一旦我明白了，我最困难的问题最终是让垂直列表中的链接旋转了 90 度，但是这里有一个问题和一些玩弄它，我想通了。现在我必须弄清楚颜色系统，当你是色盲时，这是一个相当大的挑战哈哈。再次感谢。