page_html/css_WEB-ITnose の下部にあるフッターを修正するいくつかの方法

1 <div class="header"><div class="main"></div></div>2 <div class="container"><div class="main"></div></div>3 <div class="footer"><div class="main"></div></div>

メインコンテンツがブラウザをサポートするには短すぎると、フッターが上に移動してしまい、ページに大きな影響を及ぼします。これは大きなバグです。私は多くの方法を探しましたが、現在いくつかの方法をまとめています。将来の参照のためにフッターを最初の位置に固定します。 （皆さんも積極的に追加してください。）

上記のレイアウトは個人向けのページを書くときによく使われます。

注: .main{

width:1050px;

margin:0 auto;

height:auto;

}

1 とは関係なく、これは効果を達成できる CSS です。ブラウザ サイズに関係なく、フッターは下部に表示され、メインコンテンツはスクロールバーの形式で表示されます。

.footer{

position:fixed;

bottom:0;

left:0;

}

2. 。 。 。 。