html - 如何在两个水平 DIV 中拆分屏幕，这两个 DIV 都有自己的滚动条？ (给出的示例链接)

Question

我只是想知道如何制作类似这样的东西: http://folderstudio.com/

我在 Wordpress 上运行，并通过子主题制作我的网站。它也会有一个固定的 header 。

我设法通过使用 overflow: scroll 和一些 height: *XX​​X*px 为每个 div 设置单独的滚动条，但我想通过 高度:100%

非常感谢!

Answer 1

像这样创建两个 div，每个都有自己的 overflow-y: scroll http://jsfiddle.net/DIRTY_SMITH/ns3u7uf5/9/

这里是 100% 的 div http://jsfiddle.net/DIRTY_SMITH/ns3u7uf5/11/

html

<div class="box-1">
    <h1>BOX 1</h1>
    <h1>BOX 1</h1>
    <h1>BOX 1</h1>
    <h1>BOX 1</h1>
    <h1>BOX 1</h1>
    <h1>BOX 1</h1>
    <h1>BOX 1</h1>
    <h1>BOX 1</h1>
    <h1>BOX 1</h1>
    <h1>BOX 1</h1>
</div>
<div class="box-2">
    <h1>BOX 2</h1>
    <h1>BOX 2</h1>
    <h1>BOX 2</h1>
    <h1>BOX 2</h1>
    <h1>BOX 2</h1>
    <h1>BOX 2</h1>
    <h1>BOX 2</h1>
    <h1>BOX 2</h1>
    <h1>BOX 2</h1>
    <h1>BOX 2</h1>
    <h1>BOX 2</h1>

</div>