引导一个高度到列

Question

我使用这个（jsfiddle.net/wwWVd/）标记制作侧边栏。 （使视口宽度更大，以查看问题或打开它：http://fiddle.jshell.net/wwWVd/show/）。

如您所见，块高度不同。我能把它做到一个高度吗？

Answer 1

另一种方法是使用CSS flexbox ..

.flex, .flex > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 0 auto;
}

演示：http://www.bootply.com/127641

Answer 2

浮动元素不会获得他们的父母或兄弟姐妹＆＃39;高度。

如果您希望元素具有相同的高度，请使用表格或将列设置为绝对位置，然后在设置height 100%; top:0; bottom:0;的列上获取其父级的高度。