-5

私は Web スタイリングが初めてなので、ご容赦ください。以下のような html コンテンツとスタイル シートがあり、フローティング フッターの問題がなくても問題なく動作します。しかし、さまざまな開発者によって多くのソリューションが作成されており、正当な理由があると確信しています (例: http://ryanfait.com/resources/footer-stick-to-bottom-of-page/ )。以下のページ レイアウトでフッターをページの下部に保持するために定義された css が不十分であるかどうか、および将来何らかのシナリオで問題が発生するかどうかを知りたいです。

CSS :

html,body {
    height:100%;
}

#body {
height:75%;
}

HTML

 <html lang="en">
        <head id="myHeader" title="Hello sample">
            <style type="text/css">
                html,body {
                     height:100%;
                    }
                #body {
                   height:80%;
                      }
            </style>
        </head>
        <body>
                <div>
                    <div >
                        <p> This is the header </p>
                    </div>
                </div>

            <div id="body" >
               <div >
                        <p> This is the body </p>
                </div>
            </div>
                <div >
                   <div >
                        <p> This is a footer </p>
                </div>
                </div>
        </body>
    </HTML>
4

1 に答える 1

1

次のようなフッター css を作成してみてください。

position:absolute;
bottom: 0px;
于 2013-06-11T12:33:04.387 に答える