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

tableの代わりに a を使用できますdiv。

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