CSS[子元素撑满不定高父元素].md

Table of Contents generated with DocToc

• 子元素撑满不定高父级元素的方法

子元素撑满不定高父级元素的方法

子元素设置百分比高度无效原因

父元素没有被设置高度（height）的时候，子元素的高度（height）设置百分比是无效的，其核心原因在于这时候他并不知道参照物是谁，这时候浏览器就默认不做任何计算。

解决办法

使用position解决参照对象问题即可

1. 为父元素指定

    position: relative;
   

2. 子元素指定如下属性即可

    position: absolute;
    height: 100%;