宽度为100%的div，旁边是一个固定宽度的div

Question

很抱歉这个非常愚蠢的问题，我觉得在大多数情况下我可以轻松做到这一点，但我目前正在使用共享点，尝试在这方面做任何事情都是地狱！

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

不幸的是，代码中有大约 798 个随机放置的 div、span 和其他任何内容，我似乎无法在不破坏网站的情况下删除这些内容，因此，任何有关如何实现这一点的建议将不胜感激，谢谢！

Answer 1

基本上我有一个 230px 的侧面导航 (.menu-vertical)
宽，旁边有一个 div (.mainContent)，我想要
（留白！）填充屏幕的其余部分。

..

网站的基础是 .container div，并且
.menu-vertical（固定）和 .mainContent（流动，100%）div 位于内部。

据我了解，您正在寻找以下内容： http://jsfiddle.net/thirtydot/wv42t/

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：

<div class="container">
    <div class="menu-vertical">menu-vertical</div>
    <div class="mainContent">mainContent</div>
</div>