0

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

但我希望所有元素的高度始终至少是屏幕的 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>

小提琴

4

2 回答 2

0

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

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

jQuery 示例： 

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

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

于 2013-03-08T11:02:28.927 回答
0

您可以使用 atable而不是 a div：

<table>
<tr>
  <td></td>
  <td></td>
</tr>    
</table>
于 2013-03-08T11:23:47.037 回答