Question

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

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

不幸的是，大约有798个随机放置的div，span和代码中的任何其他东西，如果没有破坏网站我似乎无法剥离，所以任何关于如何实现这一点的建议将非常感谢，谢谢！

Answer 1

基本上我有侧导航（.menu-vertical）是230px   宽，以及我想要的旁边的div（.mainContent）   （填边！）填满屏幕的其余部分。

...

网站的基础是.container div，和   .menu-vertical（fixed）和.mainContent（fluid，100％）divs inside。

根据我的理解，您正在寻找：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>

宽度为100％的Div，旁边是固定宽度的一个

1 个答案: