子元素相对定位后脱离文档流对后面div位置的影响

<div className={styles.chart_box}>
                <div><span>信息</span></div>

                  //添加空div高度占位
                <div style={{ height: '40px' }}></div>
                   //end
                <div style={{ height: '260px', overflowY: 'auto' }}>
                  
                  <div>
                    <div style={{ position: 'relative', top: '22px', width: '25px', height: '25px', background: 'url(' + images.screens.u661 + ') center no-repeat', backgroundSize: '22px 22px' }}></div>
                    <div className={styles.detailTitle} style={{ marginLeft: '30px' }}>目标</div>
                    <div style={{ color: '#e2e2e2' }}>— —</div>
                  </div>
                </div>
              </div>

把标题相对定位后发现后div添加位置会在开头，即使通过padding-top但在需要使用滚动条时起始位置还是会有问题。原因是脱离占位导致，于是添加空div高度占位解决。