css - 如何修复垂直部分？

Question

我想将我的屏幕分成两个垂直区域，左侧不应该滚动。

+--------------------------------+-----------------+
|                                |                 |
|                                |   Fixed,        |
|                                |   No scrolling  |
|        Regular behavior        |                 |
|                                |                 |
|                                |                 |
|                                |                 |
|                                |                 |
|                                |                 |
+--------------------------------+-----------------+

如何使用 Bootstrap3 实现这一目标？就像我想使用 Bootstrap 的样式和表单一样。

注意：
不需要响应式设计，因为这只会被桌面看到。
我知道 Bootstrap3 可能对此有点过分了。我只需要这个布局和一些表单样式和几个按钮。我只是发现 Bootstrap 有很好的文档记录并且很受欢迎。

超级感谢！

Answer 1

可能是这样的吗？ http://jsfiddle.net/VfTYs/1/

HTML：

<div id="container">
    <div class="myleft">
        <h1>I'm on the left !</h1>
    </div>
    <div class="myright">
        I'm fixed on the right !
        <ul>
            <li>some</li>
            <li>items</li>
        </ul>
    </div>
</div>
<h1>Other thing ...</h1>

CSS：

    html
{
    background-color  : #111111;
    color             : #DDDDDD;
}

body
{
    padding           : 0;
    margin            : 0;
}

#container
{
    height             : 1500px;    
}

#container>.myleft
{
    background-color  : #444444;
    width             : 100%;
    height            : 100%;
    float             : left;
}

#container>.myright
{
    background-color : #222222;
    position         : fixed;
    right            : 0;
    height           : 100%;
}

Answer 2

尝试这个，

<div class="container">
  <div class="left">Left</div>
  <div class="right">Right</div>
</div>

风格是，

.container{
  width:100%;
  height:100%;
}
.left{
  float:left;
  width:70%;
}

Answer 3

也许你可以尝试使用DIV。但是你需要指定宽度和其他必要的属性。为了满足你的主要需求，右边的Div应该设置为固定和非滚动。更多细节在下面的代码中：

<div style="width:100%">
    <div class="left" style="width:70%;float:left"></div>
    <div class="right" style="width:30%;position:fixed;overflow:hidden;float:right"></div></div>

并且高度可以是默认值，因为该字段可能会填满整个屏幕。

css 代码应该添加到 CSS 文件中。我用 HTML 编写它只是为了便于说明。