如果达到最大高度，则使 div 水平溢出？答案

【问题标题】：Make a div overflow horizontally if max height is reached?如果达到最大高度，则使 div 水平溢出？
【发布时间】：2014-01-03 03:06:55
【问题描述】：

我正在使用 Bootstrap 并尝试通过缩略图实现以下目标。

我div #demo 达到其最大高度，然后在此高度水平溢出后进行任何操作并启用水平滚动条。我尝试了overflow-x:auto 和其他技巧，但 div 垂直溢出。关于如何做到这一点的任何想法？

<div class="row">
<a class="col-md-6 col-xs-12" href="http://i1.ytimg.com/vi/Tm0FAcMQdzg/mqdefault.jpg">
<div class="thumbnail">
<img src="http://i1.ytimg.com/vi/Tm0FAcMQdzg/mqdefault.jpg" alt="...">
</div>
</a>
<div id="demo" style="overflow-y: auto; max-height: 430px;">
<a class="col-md-4 col-xs-4" href="http://i1.ytimg.com/vi/Tm0FAcMQdzg/mqdefault.jpg">
<div class="thumbnail">
<img src="http://i1.ytimg.com/vi/Tm0FAcMQdzg/mqdefault.jpg" alt="...">
</div>
</a>
.....
</div>
</div>

【问题讨论】：

标签： html twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

看看这里：Create horizontally scrolling List Item view using Bootstrap Columns

还可以看看这个示例：http://jsfiddle.net/V5zWT/10/

<div class="DocumentList">
<div class="row">
    <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 DocumentItem">aaa</div>
    <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 DocumentItem">aaa</div>
</div>
</div>

【讨论】：