css生成自适应的竖直中轴线

近期做一个时间轴页面时，需要在html5页面中，生成一条长度随着历史信息div的添加，而能自动适应的中轴线。在网上找了许多资料，有的用表格去了边框实现，有的用<hr/>标签实现，我自己用了<div>实现。将边框去掉，绝对布局，left：50%，可以时间轴融入背景中。

<div id="midLine"></div>

<style>

#midLine {
    width: 2px;
    height: 100%;
    background: #d6d6d6;
    position: absolute;
    left: 50%;

}

</style>

jquery控制动态生成历史信息div时，轴线虽然设成了100%，但html文档为静态文档，外部的body的高度变化了，midLine的高度无法动态改变，会造成一旦文档大小大于初始文档大小时，时间轴不够用的情况。我研究了以下jquery的尺寸控制方面的内容，最后发现必须每次添加div后重新设置midLine的height与文档的height一致，问题才可以解决。

$("#midLine").height($(document).height());