小编Fra*_*aye的帖子

此代码取自waypointarts.com,它假设在滚动时创建一个侧边栏,直到底部.问题是当右div填充左div的高度,即使设置为100#保持固定到某个高度,窗口/屏幕或其他东西.如何将其设置为100%高度或相当于右div的高度.

HTML标头

<div id="wrapper">

  <div id="left">

    <div id="sidebar">

      Sidebar Content

    </div>

  </div>

  <div id="right">

    This is the text of the main part of the page.

  </div>

  <div class="clear"></div>

</div>

<div id="footer">Footer</div>

CSS

#header {
  background: #c2c2c2;
  height: 50px
}

#wrapper {
  width: 500px
}

#left {
  background: #d7d7d7;
  position: absolute; /* IMPORTANT! */
  width: 150px;
  height: 100%
}

#right {
  position: relative;
  width: 350px;
  float: right
}

#sidebar {
  background: #0096d7;
  width: 150px;
  color: #fff
}

.clear {
  clear: both …