html子元素最高高度,在css中 父元素不固定高度，怎样实现子元素的高度100%

有点儿白痴的问题… 实在是脑子短路想不起来了，麻烦大家给个方法，父元素是通过数据li的多少一直向下撑高的，所以不能固定高度，那么左侧有个div 怎么才能让他的高度永远是父元素的100%呢？

不苛求兼容性的话用

display: flex;

就可以了。。

带个例子

回楼主： 父元素加overflow:hidden； 采纳我！

除了用flex属性之外,你也可以把思路反过来想就好了,比如:

body(min-height:600px;)

左侧float:left;height:auto;

右侧float:right;height:100%;min-height:600px;border-left:1px solid #ccc;

这样左右分割的地方就无限高度,左侧也随意高度了

谢邀，设置min-height?

多列布局，让左边盒子的高度和右边平齐。

设置左边盒子的padding-bottom:2000px;margin-bottom:-2000px

参考如下让左侧右侧都自适应高度

http://www.jianshu.com/p/9f29…