新手问题 bootstrap 怎么实现这样的效果

valentine · 2012年08月20日 · 最后由 fredwu 回复于 2012年08月20日 · 3983 次阅读

大概就是这个页面 但是左边的那一块和右边是分离的,不会一起滚动

http://twitter.github.com/bootstrap/examples/fluid.html#

.div { position: fixed; }

行不行呢

#1 楼 @fresh_fish 但这样右面的就过来了

.div { position: fixed !important; }

#1 楼 @fresh_fish #3 楼 @ywjno 有这样的网页看看吗?

.container {
    position:relative;
}
#sidebar {
    width: 300px;
    position:absolute;
    top:0;
    left:0;
}

#main {
    padding-left:300px;
}
<div class="container">
    <div id="sidebar"></div>
    <div id="main"></div>
</div>

绝对靠谱!适合任意需要左右排列的场景

需要 登录 后方可回复, 如果你还没有账号请 注册新账号