如何不伸展flex div的孩子的高度

时间:2014-12-24 15:37:57

标签: css

我在使用flexbox的父div中有一些子div。 父div具有最小高度:100%。

当我添加一个内容非常少的子div时,我希望宽度延伸到它的父级(它的高度)的100%,而不是高度。

如果div只包含2行文本,则div的高度应该只是文本内部的高度,而不占用父文件中剩余的可用空间。

如何解决这个问题?

See http://jsfiddle.net/brqzLcb4/

3V 我不希望绿色的“主页”div变得比必要的“更高”。

1 个答案:

答案 0 :(得分:0)

演示 - http://jsfiddle.net/brvzLcb4/1/

align-content: flex-start;添加到.pagecontent它可以按您的意愿使用