宽度为100%的Div,旁边是固定宽度的一个

Question

对于这个令人难以置信的愚蠢问题感到抱歉,我觉得在大多数情况下我可以轻松地做到这一点,但我现在正在使用sharepoint并尝试做任何事情就是这样!

基本上我有一个230px宽的侧面导航(.menu-vertical),并且它旁边的div(.mainContent)我想要(填充到一边!)填充屏幕的其余部分.

不幸的是,大约有798个随机放置的div,跨度以及代码中的任何其他东西,我似乎无法在不破坏网站的情况下剥离,因此任何关于如何实现这一目标的建议将非常感谢,谢谢!

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>