一个div可滚动和其他固定

Question

我遇到了CSS问题;见附图。

有两个固定的div ..我将把我的导航和黄色区域放在我的内容区域。如果内容很大，内容区域将滚动。

但现在问题我面临的内容区位置不合适。当我做另外两个div position: fixed然后发出来。请看我的代码和jsfiddle ..

.midarea 这个div位置不适合那里。如果你看到jsfiddle那么可以正常..

JSFiddle

Answer 1

您需要修复.midarea以匹配其他人：

.midarea {
    position: fixed;
    left:260px;
    right: 0;
    height: 100%;
    overflow: auto;
    ...
}

有了这个你的浮动和宽度已经过时（但如果你真的想要你可以拥有它们。）

请请{/ 1}}以及z-index或float {/ 1}}。

<强> Visualize

Answer 2

位置：固定绝对可以。 只需计算两个固定nav-colums的宽度总和，并将此计算宽度的padding-left设置为div.midarea。因此，中间区域内的所有div都从固定的柱子开始。

需要更高的z-index内容。例如的z-index：999;