如何使侧边栏背景一直向下拉伸

Question

我尝试使用自己的主题从头开始编写网站代码，到目前为止，除了侧边栏外，我已经成功了。侧边栏是白色的，我试图让它一直延伸到网站的底部，即使帖子区域比它长。

我尝过像position: absolute; bottom: 0; top: 0; height: 100%; min-height这样的东西，但没有任何作品！现在，我的代码是：

#secondary {
       width: 19%;
       padding: 250px 30px 30px 30px;
       top: 0;
       margin-left: 13%;
       background-color: white;
       position: absolute;
}

仅供参考，这里的测试网站的帖子比侧边栏长。我希望白色背景一直延伸到帖子结束 -

http://escapism.adriftonvulcan.com/index.php/2015/06/09/arc-review-the-summer-of-chasing-mermaids-by-sarah-ockler/

非常感谢任何帮助！

Answer 1

这是解决方案之一。

在页脚中包含此jQuery代码：

<script>
  var height=$('#primary').height(); // Calculate primary wrapper height
  $('#secondary').height(height); // Set the height it to sidebar
</script>

<强>输出：

Answer 2

这样的事情应该有效

#sidebar {
    background-color: white;
    position:absolute;
    left:0;
    top:92px;
    bottom: 0;
    width:13%;
    }

此代码设置了一个侧边栏div，它运行到页面底部，当我运行它时，它会这样做。我知道你在帖子中提到它但是设置

bottom : 0;

应该有效

Answer 3

你在给出的示例中你好了固定侧边栏布局这里是侧栏的css。

var mongoose = require('mongoose')
mongoose.connect(config.db.uri)
exports = Schema = mongoose.Schema

Answer 4

你可以尝试这个Javascript。它对我有用。

$(document).ready(function(){
resizeDiv();
});

window.onresize = function(event) {
resizeDiv();
}

function resizeDiv() {
vpw = $(window).width();
vph = $(window).height();
$(‘#secondary’).css({‘height': vph + ‘px’});
}

我把它关了here。完成了我的一个项目。