html - 在 Bootstrap 支持的页面中向左侧面板添加滚动条

Question

我为餐厅写了一个页面，如图所示here .
我想将滚动添加到左侧面板。我正在为左侧面板使用 over-flow-y: scroll ，如下所示:

<div class="col-sm-4 col-md-4" id="offers">
                    <div id="offerOne">
                        <img src="images/images.jpg" class="img-responsive center-block">
                    </div>
                    <div id="offerTwo">
                        <img src="images/images.jpg" class="img-responsive center-block">
                        <button class="btn btn-primary center-block">View offer</button>
                    </div>
                    <div id="offerThree">
                        <img src="images/images.jpg" class="img-responsive center-block">
                        <button class="btn btn-primary center-block">View offer</button>
                    </div>
                </div>  

css:

#offers {
        margin-top: 0.5%;
        height: 100;
        overflow-y: auto;
        background: #F6F6F6 none repeat scroll 0% 0%;
    }  

但是滚动不会出现。我该怎么做？

Answer 1

尝试将高度值从 100 更新为 100px

#offers {
        margin-top: 0.5%;
        height: 100px;
        overflow-y: auto;
        background: #F6F6F6 none repeat scroll 0% 0%;
    }