CSS 固定左侧导航栏 – 高度自适应—

HTML

<div class="main">
  <h2>侧栏</h2>
  <p>侧边栏高度与其内容（链接）一样，并始终显示。</p>
  <p>向下滚动页面查看结果。</p>
   <p>文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。</p>
  <p>文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。</p>
  <p>文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。</p>
  <p>文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。文本内容。。。</p>
</div>

CSS

JAVASCRIPT