css - Bootstrap : limit affix height

标签 css twitter-bootstrap twitter-bootstrap-3

我是这样的:

<div id="treeview" class="container col-md-3">
    <div id="tree" data-spy="affix"></div>
</div>

#tree div 填充了bootstrap-treeview .生成的树具有不可预测的高度,因此我希望它具有一些合理的固定高度和滚动条(我尝试使用 mu 自定义#treeview 或#tree 样式来实现)。最好也以同样的方式限制宽度。但是当我输入 data-spy="affix" 时,它就像被忽略了一样。

最佳答案

min-height 通常用于确保元素至少具有最小高度,即使没有内容存在;它也常与 max-height 结合使用,以产生相关元素的高度范围。

因此在您的情况下,您必须为 ID #treeview 提供 min-heightoverflow-y:scroll

阅读更多关于 MDN

关于css - Bootstrap : limit affix height,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25418933/

相关文章:

css - 光滑的轮播没有响应(并且比页面更宽)

javascript - 使用 Spring MVC 和 jQuery DataTable 的 Bootstrap Modal 弹出窗口

html - 使用 Bootstrap Grid 对齐内容的正确方法是什么?

jquery - Bootstrap 在 IE8 上显示平板电脑版本

html - 在 iPhone 上显示 flex 和 width 50% 错误

html - 放置带有 float 的div

javascript - 当减小窗口的宽度时,设计会变得困惑。增加宽度 = 预期结果

css - 当使用CSS媒体样式时,如何才能完全取消一个类?

html - 如果元素以不同的高度和宽度平铺,如何使用 Bootstrap 3 网格

css - @fontface css字体路径似乎不起作用