Question

JSFiddle与相同的HTML / CSS我一起工作包括： http://jsfiddle.net/pf5bczLe/

如何使{% block js %} {{ block.super }} <script src="http://code.jquery.com/jquery-latest.js"></script> <script src="/static/endless_pagination/js/endless-pagination.js"></script> <script> $.endlessPaginate({ paginateOnScroll: true, paginateOnScrollMargin: 20 }); </script> {% endblock %}父亲的身高达到100％，在这种情况下为.box？

根据this发布其Flexbox项目的不完美情况，它并没有为其子女提供100％的身高。有没有其他方法可以让所有物品都具有相同的高度，尽管它们的高度是动态的？

感谢您的时间

Answer 1

拉伸子元素非常接近。使用您的示例，将以下css添加到.box-wrap

.box-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

然后将以下内容添加到.box

.box {
    -webkit-flex: 1;
    flex: 1;
 }

Flexbox - 使flex项目的孩子100％高度

1 个答案:

JSFiddle Link