【CSS黑魔法】父元素无高度情况下的子元素高度自适应方法

前言：

　　此方法IE6以上（不包括IE6）浏览器均可行。

正题：

　　问题重现：

　　　　当一个没有设置高度的父级元素下拥有两个子元素（为了方便，就用两个就好了，不代表一定是两个），一个子元素有高度或被内容撑开（这时候父元素被撑开了），另一个子元素我们希望让他高度根据父元素自适应，比如高度占父元素的70%的话，在不借助弹性盒子布局的情况下如何使用CSS实现呢？

　　解决方案：

　　　　我们知道css中在父元素没有被设置高度（height）的时候，子元素的高度（height）设置百分比是无效的，其核心原因在于这时候他并不知道参照物是谁，

父元素也没有明确设置高度，这时候浏览器就默认不做任何计算，就导致了即使子元素设置了高度也无效的情况。那么纯css