1

我正在尝试容器流体，但无法在垂直分隔线上获得滚动条。（我想在该 div 中放置一个可滚动列表）

jsfiddle 结果：http: //jsfiddle.net/wMHGQ/3/embedded/result/

我希望媒体列表可以滚动

jsfiddle 编辑：http: //jsfiddle.net/wMHGQ/3/

有内置的类来做到这一点吗？谢谢

代码

 <div class="container-fluid">
     <div class="row-fluid">
        <div id="main_part" class="span9 main_part"></div>
        <div id="my_list" class="span3 pull-right">
        <ul class="media-list">
            <li class="media">
                <a class="pull-left" href="#">
                  <img class="media-object" src="http://placehold.it/64x64">
                </a>
                <div class="media-body">
                  <h4 class="media-heading">Media heading</h4>
                  <p>Cras sit amet nibh libero, in gravida nulla.</p>
               </div>
              </li>
            <li class="media">
                <a class="pull-left" href="#">
                  <img class="media-object" src="http://placehold.it/64x64">
                </a>
                <div class="media-body">
                  <h4 class="media-heading">Media heading</h4>
                  Cras sit amet nibh libero, in gravida nulla.</div>
            </li>
            ... scrollable for more requests ..

            </ul>
            </div>
        </div>
    </div>
4

2 回答 2

4

为 div 设置一个特定的高度，然后在你的 css 中设置 overflow : auto 。这样，如果您的内容不适合您的 div，则会出现一个滚动条。

于 2012-11-01T02:58:43.720 回答
0

您可以将最大高度设置为您的媒体 Ul 和溢出：自动。

于 2014-05-31T13:19:04.830 回答