前言：

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

正題：

　　問題重現：

　　　　當一個沒有設定高度的父級元素下擁有兩個子元素（為了方便，就用兩個就好了，不代表一定是兩個），一個子元素有高度或被內容撐開（這時候父元素被撐開了），另一個子元素我們希望讓他高度根據父元素自適應，比如高度佔父元素的70%的話，在不借助彈性盒子佈局的情況下如何使用CSS實現呢？

　　解決方案：

　　　　我們知道css中在父元素沒有被設定高度（height）的時候，子元素的高度（height）設定百分比是無效的，其核心原因在於這時候他並不知道參照物是誰，

父元素也沒有明確設定高度，這時候瀏覽器就預設不做任何計算，就導致了即使子元素設定了高度也無效的情況。那麼純css方式就沒任何辦法能實現了嗎，答案是否定的。

在css的世界裡有個叫做定位的佈局方式，其名下有個叫做絕對定位的小弟，這個小弟需要被設定了定位（absolute,fixed,relative任意一種）的父元素或者祖先元素作為參照物，

然後相對於他們去進行定位。參照物。。。參照物，。。。參照物。。。。好吧 那麼這時候既然已經有了參照物了，我們設定子元素的高度為百分比的時候會發生什麼呢？看圖：

這時候就可以看到，子元素以父元素為參照物進行計算高度了，問題也就解決了。

最後，如果大家還有什麼更好的方案，請分享下你的思路,感謝~~