0

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

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

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

很难看到右边的菜单，但如果你仔细观察，你会看到一条穿过所有东西的线，这是它的右边界

最后，如果网络大于 800 像素，这就是它的方式： 在此处输入图像描述

4

1 回答 1

1

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

于 2013-04-27T02:28:05.297 回答