Question

我正在尝试内容推送容器和侧边栏如果它增长

但我希望所有元素的高度始终至少为屏幕的100％

一些想法？

<body>
   <div class="sidebar_content_wrapper container_16">
      <div class="sidebar_left grid_3 omega">
         <p>blablabla</p>   
      </div>    
     <div class="content_wrapper grid_13 alpha">    
        <!-- many p tags here -->
     </div>
</div>

Fiddle

Answer 1

解决此问题的最简单的“技巧”是设置背景颜色，并使div与背景颜色的颜色相同。这样，即使它不足，它仍然看起来像是填满了整个高度。

如果那不是一个选项，我相信你必须使用javascript来增加较短元素的高度。

jQuery示例：

$('.sidebar_left').css("height", $(".alpha").height() + "px");

更新小提琴：http://jsfiddle.net/YaTLG/1/

Answer 2

您可以使用table代替div：

<table>
<tr>
  <td></td>
  <td></td>
</tr>    
</table>

高度100％的内容推送容器

2 个答案: