Css 宽度为100%的Div，紧挨着固定宽度的Div

很抱歉这个愚蠢的问题，我觉得在大多数情况下我都可以很容易地做到这一点，但我现在正在使用sharepoint，并且试图在这个地狱里做任何事情

基本上我有一个230px宽的侧导航（.menu-vertical），旁边有一个div（.mainContent），我想用它填充屏幕的其余部分

不幸的是，代码中也有大约798个随机放置的div、span和其他任何东西，我似乎无法在不破坏网站的情况下进行剥离，因此任何关于如何实现这一点的建议都将不胜感激，谢谢

基本上我有一个侧导航（.menu-vertical），它是230px 宽，并且它旁边有一个div（.mainContent），我想 （将填充放在一边！）填充屏幕的其余部分

站点的基础是.container div，而 .菜单垂直（固定）和.mainContent（流体，100%）分区

据我所知，你在寻找这个：

CSS:

.container {
    border: 3px solid #666;
    overflow: hidden
}
.menu-vertical {
    width: 230px;
    float: left;
    padding: 10px;
    border: 2px solid #f0f
}
.mainContent {
    overflow: hidden;
    padding: 30px;
    border: 2px solid #00f
}

HTML:

.container {
    border: 3px solid #666;
    overflow: hidden
}
.menu-vertical {
    width: 230px;
    float: left;
    padding: 10px;
    border: 2px solid #f0f
}
.mainContent {
    overflow: hidden;
    padding: 30px;
    border: 2px solid #00f
}

菜单垂直
主要内容

在阅读最后一段之前，我已经准备好回答你的问题。没有人能真正帮到你。试试你在标题中的建议吧-给它

宽度：100%

？也许您需要将它们都包装在容器div中，然后将它们浮动起来？或者只是用

宽度：100%

？@thirtydot浮动它们-不幸的是，Sharepoint似乎没有任何办法解决这个问题，尽管该网站的基础是.container div，并且.menu vertical（fixed）和.mainContent（fluid，100%）div在里面。@jtfirbank-非常感谢，但是我已经有了100%的容器div和230px的侧菜单，但是我应该给主内容区域什么属性呢？宽度100%使其与容器的宽度相同。再次感谢。悬赏对你最后一段中根本无法回答的部分没有帮助。我只是假装它不存在，然后回答。这真的很有效，非常好-谢谢！我一直在玩代码，直到昨晚很晚才想出类似的东西，但这是伟大的，非常简单，爱的解决方案！再次感谢