html - 如何使侧边栏高度等于窗口的高度？

Question

我正在创建一个 WordPress 2015 子主题以将其左侧边栏移动到右侧。

My child theme侧边栏的高度不等于窗口的高度，如 original theme .

这是我的侧边栏 CSS:

.sidebar {
float: right;
margin-right: 0px;
max-width: 413px;
position: relative !important;
width: 29.4118%;
background: #fff;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
}

我已经尝试了 height:100%; 和 height:auto; 但还是不行。

如何解决这个问题？

Answer 1

jQuery 将是您最好的选择。

$(window).scroll(function() {
    var windowHeight = $(window).height();
    $(".sidebar").css("height", windowHeight);
});

如果浏览器大小发生变化，滚动功能将调整侧边栏的大小。