网格与程序卷轴上的父Div不对齐

Question

我有以下方式的html布局

<div id="tab-container"> <!--(position = absolute) -->
    <div id="contentpane"> <!--//(position = absolute)-->
       <div id="dgrid"> <!--//(position = relative)-->
          <div id = "grid-header"> <!--//(position= absolute)--> </div>
              <div id="grid-content"> <!--//(overflow:auto; margin-top:50px;position:absolute)--> </div>
          </div>
      </div>
   </div>

我在滚动网格结果时遇到问题，当我以编程方式滚动到结果时，网格离开父div并且没有正确定位。我没有看到标题出现。 我尝试了不同的div定位，但无法找出根本原因。可能导致这种情况的原因是什么？