问题：父元素设置min-height子元素高度设置100%取不到值，这是因为子元素 div设置 height:100%； 　　　　　　只有当父级元素满足min-height:1000px;设置的条件才触发； 　　　　　　浏览器默认是不会触发的，所以子元素的100%的高度继承就失效 ...

...

前言 给父元素一个min-height，子元素设置height:100%。 代码 结果 发现子元素高度并没有撑开，如下图： 如果我们稍作改变，将父元素的min-height改为height，子元素高度就会撑开，如下图： 剖析 min-height表示盒子的最小 ...

min-height/max-height当里面内容超出对应高度时，滚动条会出现在#body上 ...

...

代码如上，可以看到， 在chrome49版本中， item-inner设置的height:100%, 无法充满父元素flex: 1撑满的高度 link: http://jsfiddle.net/y8mboo2s/ ...

设置height:100%的原理： 当让一个元素的高度设置为百分比高度时，是相对于父元素的高度根据百分比来计算高度。 所以当父元素没有高度时，height:100%也就没有高度值。 参考： https://github.com/wangjianuo ...

在网页设计中有时会设置某个DIV或者TABLE的高度自适应，即元素的高度充满父元素的高度。一般使用设置CSS height:100%来实现。但是当元素层级嵌套比较深的时候，设置该属性并不能得到应有的效果。其实问题在于该元素的父级元素，当父级元素没有设置高度时，子元素的该属性并不会出现效果 ...