このサンプルでは、ページの下部に固定された非常に太いフッターがあります。ショートビューポートを使用して表示すると、ヘッダーと本文がオーバーレイされます。フッタを上から特定の最小距離の外側に置く方法はありますか？フッターの位置：ビューポートの底部に固定されていますが、高さの上限があります
bodyと#outWに最小高さと高さを試しましたが、何も効果がありません。
（黄色フッターがヘッダーの上に横たわって見に道まで、ブラウザウィンドウの下部に移動します）
問題の私の説明は及ばなかったが、これは私が探していたものである場合 - ので、問題は、私の最初の本能、position:fixedは、これまでに動作しないことでした
http://ryanfait.com/sticky-footer/
固定された位置決めを有する要素は、文書フローから完全に切り離される。したがって、上記のページでは、ヘッダーのためのスペースを確保するためにコンテンツ領域に負のマージントリックを使用しています。
私は純粋なCSSでこれを行うための唯一の方法は、主な内容を与えることだと思います例えば、10のposition: relativeとz-indexと、フッタ1の9とを含む。
ええと、ヘッダーの後ろにフッターをつけるつもりですか？私は、ビューポートがXピクセルよりも小さい場合にフッタを停止させたいので、全く衝突しません。 – sbeam
@sbeam純粋なCSSでこれを実現する方法は考えられません。私はそれが不可能だと言っているのではない - おそらく、相対的な "最大高さ"のいくつかの創造的な使用と...しかし、私は考えることができません –
@ビームス： "停止"し、それは240pxの高さを持ち、それは底から100px、上から100pxのままにしておきたい。ビューポートが440ピクセル以下の場合、ブラウザはあなたに応じて何をすべきですか？それはすべての設定と一致することはできませんし、どちらか一方を破る必要があります。それ以外の場合は、数値が加算されません。 100pxの場合は、hスクロールバーを使用したdivの通常の流れです。 – Bazzz