Question

只是想知道有人会帮忙， http://limerickchambers.hailstormcommerce.com/services/international-trade-services/ 在这里，我希望右侧的蓝色边框始终与左侧边栏的高度相匹配，min-height不起作用，因为左侧的侧边栏会一直变化。我试过height:100%，但这并没有延伸出来。他们都被包裹在一个名为content的div中，并且我已经给出了auto的高度，我希望它可以工作但没有运气。而且我不想走position:absolute的道路来实现这一目标。

所以我有：

.entry-content {
    border:1px solid #d4d9ed;
    border-radius:8px;
    padding:0px 20px 10px 20px;
    overflow:hidden;
    min-height:1056px;
}

内部：

.page-content-right {
    color: #CACACA;
    float: left;
    height: 100%;
    margin-left: 10px;
    padding-right: 0;
    padding-top: 18px;
    width: 710px;
}

里面是：

.singular #content, .left-sidebar.singular #content {
    margin: 0;
    position: relative;
    width: auto;
}

任何帮助都会非常感谢。

Answer 1

我最后使用了jQuery。

jQuery(document).ready(function() {
var leftHeight = jQuery('.content-sidebar-new').height();

jQuery('.entry-content').css({'min-height':leftHeight - 31});
});

自动调整高度

1 个答案: