絶対配置でフッタが消えるようにする

朝、すべて絶対配置でフッタが消えるようにする

以下のコードは、どのように設定されているかを知るための簡単なテンプレートです。私はフッタをコンテナの底にくっつけようとしています。私はコンテナ内の相対的な位置を試していましたが、フッターが消えてもフッタに絶対的なボトム0pxを配置しました。

私が見つけたと思われる唯一の答えは、すでに私が上で試したことをするように言います。

何が間違っているかについて誰かが考えていますか？

おかげ

<html> 
<body> 
<div id="container" style="width:1000px; height:1000px; margin-top:0px; border-left:1px solid black; border-right:1px solid black; position:relative;"> 

<div> 
some content here 
</div> 


<div id="footer" style="height:15px; background-color:red; position:absolute; bottom:0px; "> 
</div> 


</div><!-- container end --> 
</body> 
</html>

出典

2016-09-25 Lee Perkins

あなたが適切投稿したコードをインデントしてください。 – connexo

レベル要素をブロックするために 'position：absolute;'を適用すると、それらが得ることができるすべての幅を貪欲につかむという振る舞いを失います。代わりに、コンテンツと同じ幅の要素に変わります。内容なし、幅なし。だからあなたの質問はあなたの質問のタイトルを***に変更することで解決されます。 – connexo

あなたのコード内のエラーはありませんが、あなたが幅を追加しない場合でも、あなたはまだそれで一部のコンテンツを必要とする、あなたの#footerにcss widthを追加していないだけということですそれは動作します。現在#footer divは空です。

<div id="container" style="width:1000px; height:1000px; margin-top:0px; position:relative; background:red"> 
 

 
    <div style="background:yellow"> 
 
    some content here 
 
    </div> 
 

 

 
    <div id="footer" style="width:100%; height:15px; background:pink; position:absolute; bottom:0px; "> 
 
    </div> 
 

 

 
</div>

出典

2016-09-25 08:08:25 frnt

絶対配置でフッタが消えるようにする

答えて

関連する問題