CSS 记录在overflow:auto下，子元素height:100%的坑

<div id="outer" style="height: 200px;overflow: auto; width:100px">
    <div id="inner" style="height:100%">
        <div style="line-height: 50px">0</div>
        <div style="line-height: 50px">1</div>
        <div style="line-height: 50px">2</div>
        <div style="line-height: 50px">3</div>
        <div style="line-height: 50px">4</div>
        <div style="line-height: 50px">5</div>
    </div>
</div>

此时：即使#inner元素有溢出的子元素，但是它的高度始终为200px，不被子元素撑开。

不设置100%高度的情况下，高度正常由子元素撑开

虽然在一般情况下，#inner元素设置100%高度，父元素overflow滚动条功能毫无影响。

但是，通过dom获取的#inner元素高度则始终为200px（父元素高度）。

这对于计算会有影响。比如虚拟滚动。（没错，就是做虚拟滚动时的坑。疑惑了大半天T^T）