3

私のウェブサイトには 3 つのコンポーネントがあります。

  • 画面の幅にまたがる固定高さのヘッダー
  • 画面の残りの高さにまたがる左側のヘッダーの下の固定幅のナビゲーション
  • 残りのスペースを占有するナビゲーションの右側のコンテンツ領域。

コンテンツ領域が残りの幅を占める間、ナビゲーションが固定されたままになるように、液体レイアウトの水平方向の側面を実装する方法を理解していますが、ナビゲーションとコンテンツ領域の両方が表示されるように、液体レイアウトの垂直方向の側面を実装する方法がわかりません少なくとも残りの高さ、最大でコンテンツの高さを占めます (これは、画面からヘッダーの高さを差し引いたものよりも高いと仮定します)。

divで可能ですか?

4

2 に答える 2

2

はい、可能です。Ryan Faitのスティッキーフッターと、同様の質問に対する私の以前の回答を見てください。

于 2011-10-04T19:12:02.783 に答える
1

http://jsfiddle.net/HcBKV/embedded/result/ _

それを回避するには、一般的に2つの方法があります。1つは高さと幅を100%に設定する方法で、もう1つは絶対位置を使用してストレッチし、両側から一定の長さにする方法です。

于 2011-10-04T19:13:50.577 に答える