考虑下面的代码:
<div class="row">
<div class="col-xs-3"><div id="sidebar">sidebar</div></div>
<div class="col-xs-3">content content content content content content content content content content content content content content content</div>
</div>
我希望侧边栏始终具有右栏的高度。
演示:http://www.bootply.com/FT3DVckZgp
使用表格方法。它适用于所有浏览器。将 display: table
给父级,将 display: table-cell
给子级。
.row {
display: table;
}
[class*="col-"] {
float: none;
display: table-cell;
vertical-align: top;
}
这是 fiddle
另一个很酷的方法是借助边距。
.row{
overflow: hidden;
}
[class*="col-"]{
margin-bottom: -99999px;
padding-bottom: 99999px;
}
这是 fiddle