0

ページ (またはコンテナー DIV) の長さにまたがるように、左側のサイドバーを拡張しようとしています。コンテナーの高さを 100% に設定してから、サイドバーの高さを 100% に設定しようとしましたが、うまくいきませんでした。

これが私のコーディングです：

div#container
{
overflow: hidden;
margin-left: auto;
margin-right: auto;
margin-top: 0px;    
padding-bottom: 10px;
width: 880px;   
height: 100%;
text-align: left;
}

div#left
{
float: left;
width: 280px;
height: 100%;   
padding: 4px;   
background: #F1D7A5;
}

ページは次のようになります: http://www.studentbridges.org/new/

サイドバーを拡張する方法についてのご意見をいただければ幸いです。

ありがとうございました！

〜ノエル

4

2 に答える 2

0

高さを100％に設定すると、コンテナの高さが制限されます。コンテナを希望のピクセルの高さに設定すると、サブディビジョンはそれに合わせて高さを拡張します。下のdivはそのコンテナのサブdivであるため、高さ：100％は、ご覧のとおり、コンテナdivに残っている残りの長さになります。

于 2012-07-27T20:05:00.033 に答える
0

私は通常、サイドバーのコンテナにサイドバーの背景を画像として配置し、y 軸に沿って繰り返すことで、この問題を解決します。これは実際にサイドバーを伸ばすわけではありませんが、見た目は同じです。あなたの場合、ページのプリントスクリーンをそのまま取り、高さ1px、幅880pxに切り取り、背景として設定することができます#container：

background: url(<path_to_image>) repeat-y center;

その後、背景を削除することもできます#left。テーブルの使用を避けるためのすべて！

于 2012-07-29T00:26:57.413 に答える