Question

我愿意在我网站的右侧放一个固定的栏，加上另一个div过来了，我无法把它放在一边！按照链接查看我的问题，我正在使用twitter bootstrap。

CSS：

html, body { height: 100%;}
.sidebar-menu{ height:100%; background:#000; position:fixed; }
.content-wrapper{ background:#090; }

标记：

<div class="container-fluid" style="margin:0; padding:0;">
    <aside class="col-sm-3 sidebar-menu">teste01</aside>
    <section class="col-sm-9 content-wrapper">teste 02</section>
</div>

View the code - Bootply

Answer 1

更新：正确的div是固定的

解决方法是将容器流体设置为全高，因为对于bootstrap，默认是采用全宽（docs）。

CSS：

html, body {
    height: 100%;
}

.container-fluid {height: 100%;}

.sidebar-menu{ height:100%; background:#555; position:fixed}
.content-wrapper{ background:#090; float:right}

HTML：

<div class="container-fluid" style="margin:0; padding:0;">
    <aside class="col-md-3 col-sm-3 sidebar-menu">teste01</aside>
    <section class="col-md-9 col-sm-9 content-wrapper">teste 02</section>
</div>

Bootply here

Answer 2

以下是此类工作的示例。 http://www.bootply.com/73864

您需要使用词缀模块。为了使这项工作。

固定在右侧的div不起作用

2 个答案: