Question

我首先有两个块是我要显示我的帖子的块，第二个是侧栏，什么只有背景。我想让侧边栏高度等于内容栏，例如我在Css中以静态方式分配：

#sidebar {
    heght: 565px;
}

，但如果我想要输出更高的数量，如果帖子，我可以使侧边栏的高度以某种方式依赖于内容栏高度怎么办？谢谢！

它可能与here重复，但答案中描述的方法对我没有帮助。

Answer 1

当您在内容栏上使用特定的height时，以及侧边栏上的height:100%;时，只要您更改内容，侧边栏就会同时显示内容。

JsFiddle

Answer 2

我解决了与此类似的问题并为它制作了一个jQuery解决方案，你可能想尝试一下，它对我来说很棒。

基本上，该功能可以获得主要内容和侧边栏的高度。如果主要内容大于侧边栏，则会将侧边栏的高度设置为主要内容的高度。

$(document).ready(function () {
   var postheight = $("#yourmaincontent").height();
   var opinfoheight = $("#yoursidebar").height();
   if (postheight >= opinfoheight) {    
       $("#yoursidebar").css("height",""+ postheight +"px");
    }
   else {       
   }
 });

可能有一种方法可以在纯CSS中进行，但我找不到。

Answer 3

一种方法是使用你发布的链接中提到的表格显示解决方案，但你也可以选择flexbox方法，它是almost 93% of browsers已经支持的CSS3属性（你可以使用JS回退，如果你想要的。）

.container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;

  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.container_item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

More details about this solution

A complete guide about flexbox

自动制作两个相同高度的块

3 个答案: