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

Question

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

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

请注意：侧边栏保持FLUID带有＆＃34;溢出：自动＆＃34;参数。

Answer 1

平等高度列有两种技术，我通常喜欢{strong>位置一切上的this one by Alex Robinson：

  

如何？

     

基本方法的工作原理如下：

     

  
1. 作为列的块必须包装在容器中   元件
  
2. 将 overflow：hidden 应用于容器元素
  
3. 将 padding-bottom：$ big_value 应用于列块，其中$ big_value是一个足够大的值，以保证它等于   或大于最高的列
  
4. 将 margin-bottom： - $ big_value 应用于列块
  

CSS看起来像这样：

 #block_1, #block_2, #block_3 {
     padding-bottom: 32767px;
     margin-bottom: -32767px;
 }

 #wrapper {
     overflow: hidden;
 }

HTML：

<div id="wrapper">
    <div id="block_1">
        <p>Content goes here</p>
    </div>
    <div id="block_2">
        <p>Content goes here</p>
    </div>
    <div id="block_3">
        <p>Content goes here</p>
    </div>
</div>