Javascript 容器中引导列的100%高度
我有一个引导行，其中有3列嵌套在一个容器中，我希望为每行提供100%的高度，如果它们溢出，则应用垂直滚动 当前布局 多姆 有人知道如何解决这个问题吗 尝试的例子：Javascript 容器中引导列的100%高度,javascript,html,css,angularjs,twitter-bootstrap,Javascript,Html,Css,Angularjs,Twitter Bootstrap,我有一个引导行，其中有3列嵌套在一个容器中，我希望为每行提供100%的高度，如果它们溢出，则应用垂直滚动 当前布局 多姆 有人知道如何解决这个问题吗 尝试的例子： 你试过max height:css风格吗？@AdamJosephLooze为什么？列表组？吵架？每一列？试着给你的div课程内容增加一个最大高度。对不起，我没有完全阅读你的问题。检查我的JSFIDLE。我会用一个div包装你想要垂直滚动的内容，并添加overflow-y:scroll和高度：css样式。@AdamJose
max height:overflow-y:scroll和高度：
css样式。@AdamJosephLooze是的，这或多或少是我在做的，但是在内容填充时，div会被压到允许的高度上。
<body>
<div id="wrapper">
<nav...
</nav>
<div id="page-wrapper" class="container-fluid">
<div class="content" ui-view>
<!-- content starts here (loaded by angular)-->
<div class="row">
<div class="col-md-4 nopadding">
...
</div>
<div class="col-md-4">
<!-- example column content -->
<div class="list-group">
<a class="list-group-item" ng-repeat="..."></a>
</div>
</div>
<div class="col-md-4 nopadding">
...
</div>
</div>
<!-- content ends here -->
</div>
</div>
...
body, html {
height: 100%;
}
.table-row { // applied to "row"
display: table;
> [class*="col-"] { // applied to columns
vertical-align: top;
float: none;
display: table-cell;
}
}
.overflow-auto { // applied to the list groups inside the columns
height: 100% !important;
display: block;
overflow-y: scroll;
}