侧边栏高度等于主要内容高度

Question

我正在编辑wordpress主题here。我的侧边栏高度有问题。

如何使右侧边栏与主要内容一样高？

感谢您的帮助

Answer 1

作为一个简单的解决方案，您可以使用matchHeight jQuery插件：请参阅http://brm.io/jquery-match-height/。另外，对于较新的浏览器，您可以查看flexbox（请参阅此处的教程http://clearleft.com/thinks/270）。

希望这有帮助。

Answer 2

您可以使用css display：flex; 属性

这是完整的指南https://css-tricks.com/snippets/css/a-guide-to-flexbox/

我在这里给出一个简单的例子：

<style>

.main{
    display: flex;
}
.content{
    height: 300px;
    border: 1px solid #ccc;
}
.sidebar{
    border: 1px solid #ccc;
}

</style>

    <div class="main">
        <div class="content"> <h3>this content</h3></div>
        <div class="sidebar"><h3>This side bar</h3></div>
    </div>

Answer 3

我找到了这么愚蠢的解决方案，因为这个愚蠢的问题

main{overflow:hidden;}
.shop-sidebar, .primary-sidebar {padding-bottom: 5000px;margin-bottom: -5000px;}