cssはページの下部をスクリーンの最下部に固定し,コンテンツがスクリーンいっぱいになった後に続く2つの方法を実現する.

3233 ワード
css css 3

1.底部の高さが固定する場合のみ、底部の高さが固定しない場合は、


原理:主な内容はpage-mainの中に置いて、page-containerの最小高さ100%(ここでhtmlに注意して、bodyの高さも100%に設定します)、positionはrelativeです.footerのpositionはabsoluteでありpage−containerに対して底部に位置する.page-mainはpadding-bottomがfooterの高さ(必要に応じて調整)であり、需要効果を達成する.




    
    
    
    Document

2.flexレイアウト利用





    
    
    
    Document

現在flexは基本的に他のブラウザと互換性があるので安心してご利用いただけます
ASP.NET MVCのネストされたレイアウトページ
20種類のきれいなCSSフォントのスタイル、あなたに浅くないことを使わせます