Question

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

我自己已经走得很远了，但这个让我感到困惑它的两个主题......就我能够得到的而言，我可以使用以下内容：

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

如果我将位置更改为绝对，整个页面滚动，如果我将其保留为固定，并添加让我们说，一个Twitter提要，或其他类型的文本，让我超过其通常滚动的阅读，其只是切断，无法到达，高亮或滚动..

我也玩弄了这个想法，将主题改为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;

如果内容溢出，这会使滚动条显示在其容器中。

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

2 个答案: