html - 带有引导流体布局的可滚动侧边栏

Question

我需要一些帮助，我想要一个侧边栏和一个使用引导流体布局的内容 div，但我不能让侧边栏可滚动，而内容 div 不能。我已经尝试过使用溢出：隐藏；在正文上并在侧边栏 div 上应用溢出：自动但它不起作用，我错过了什么？这是我的scss代码：

  #main-container{
       margin-left:0;
       margin-top:60px;
       padding:0px;
   .span3{
        background-color:white;
        ul{
        margin: 0;

        li#song{
            background-image: url($images+'chevron.png');
            background-position: right center;
            background-repeat: no-repeat;
            background-color:white;
            color: #666;
            border-top: 1px solid #B4B4B4;
            list-style-type: none;
            padding: 10px 10px 10px 10px;
             }
           }
         }
       }

    .maxheight{
     height:100%;
    }

    .no-overflow{
   overflow-y:hidden;
     }

   .scrollable{
   height:100%;
   overflow-x:hidden;
    }

这是示例代码，左 div 是我想要滚动的内容：http: //jsfiddle.net/xYDRg/

Answer 1

您需要为该 div 设置高度：

#lista-canciones{
    height: 350px;
}

http://jsfiddle.net/xYDRg/1/