0

div をドキュメントの高さ (ビューポイントの高さではなく) の 100% に拡張するのに問題があります。問題を引き起こしている特定の例があります。

ここに例があります (jsfiddle のビュー ウィンドウでは、問題を正しく示すことができませんでした。申し訳ありません)。

http://lavenderstone.co.uk/stackoverflow/

ビューポイントの高さをコンテンツの高さより低くすると (スクロール バーが表示されている場合)、左側のサイドバーとコンテンツ div がドキュメントの高さ全体に拡張されなくなり、ビューポイントの高さだけが表示されることに気付くでしょう。

ここに画像の説明を入力

%を使ったレスポンシブデザイン初心者なので、ご容赦ください。私は最近同様の質問をしましたが、提案された解決策は進行中の問題に対して機能せず、トピックをそらすよりも新しいスレッドが適切であると感じました. ありがとうございました。

4

1 に答える 1

1

問題は、どこかに高さが固定されていないため、高さ属性が高さ 100% を正確に認識していないことです。代わりに、ビューポートの高さを使用します。

次の CSS で問題を解決できます。

#pagewrap {
  display: table;
  height: 100%;
}

#menu-container {
  height: 100%;
}

display: table; の使用 あなたの高さを引き起こします:100%; ビューポートと同じ高さにするか、ビューポートが小さすぎる場合はコンテンツと同じ高さにします。

これが役に立ったことを願っています。

于 2013-08-31T23:11:32.023 に答える