两列主题，帮助，使两列分别可滚动

Question

我不知道该怎么做，我不是一名程序员，但尝试学习 CSS，因为这就是我使用的主题的编码方式。

我自己已经取得了很大的进展，但这一个很难我它的两列主题...据我所知，我可以使用以下内容：

#left {
   width: 235px;
   padding: 10px;
   margin-left: 20px;
   position: fixed;
   line-height: 15px;

如果我将位置更改为绝对，则整个页面滚动，如果我将其保留为固定，然后添加一个Twitter feed，或者其他类型的文本，它们让我过去了你通常会滚动的阅读内容，它被切断了，无法到达它，突出显示或滚动。

我也曾考虑过将主题更改为3 栏主题，但同样，不是程序员，我会很困惑。任何帮助都会很棒...

我的网站位于 99lessoxygen.tumblr.com，代码是从 http://nigredotheme 找到的。 tumblr.com

---

我要注意的是，如果它是固定的，则只有页面的右侧可以滚动，左侧被锁定。

Answer 1

我相信您要寻找的是 overflow:auto;

您需要删除 position:fixed。

#box1 {
    height:100px;
    width:200px;
    float:left;
    overflow:auto;
}
#box2 {
    height:100px;
    width:200px;
    float:left;
    overflow:auto;
}

JSFiddle

position 为 absolute 将继承绝对位置来自相对父级 div。

例如，如果您将 div 设置为 1000 像素并且相对位置
然后在该 div 中插入另一个 div，其位置为绝对位置，假设 right:100px 它将显示在父 div 的右侧，距离右侧 100 像素。

Answer 2

尝试给两列一个高度并添加以下内容：

overflow:auto;

如果内容溢出，这会使滚动条出现在其容器上。