前のdivに絶対配置があるときに、フッターを下に置いておく必要はありませんか？

Question

私はCSSで

<div id="container"> 
<div id="main> 
    <div id="sidebar"></div> 
    <div id="content"></div> 
</div><!-- end main --> 
<div id="footer"></div> 
</div> 

のようなページを設定している：

#container { 
position: relative; 
} 
#footer { 
position: absolute; 
bottom: 0px 
} 
#content { 
position: absolute; 
} 

これは私のデフォルトのレイアウトのために動作しますが、私はモバイル（すなわちあまりその767ピクセル）のために何かにサイズを変更すると...私のコンテンツは、それが私のフッタ（そしてコンテナdivの "外側"）の後ろに走るほど長くなります。 （それは部分的にコンテンツの上に、一部のモバイルレイアウトでコンテンツを下回っている私のサイドバー、とに沿って垂直に実行されるように）私の携帯のレイアウトのために絶対：

私はコンテンツの位置を維持する必要があります。しかし、フッタが私のコンテンツの下で終わらないように、絶対的なポジショニングが通常のフローからコンテンツdivをノックアウトしているようです。

Answer 1

本当に必要としない限り、あなたは絶対位置を使用すべきではありません。あなたの現在の設定でできることは、コンテンツの供給高さであり、それを自動スクロール可能にします。

#content { 
position: absolute; 
height:400px; 
overflow:scroll; 
}