3

モバイル Web キット ブラウザーでフッターを下部に固定する純粋な CSS のみのソリューションはありますか?

特にiPhoneおよびAndroidブラウザで。

4

3 に答える 3

4

あまり。これらのブラウザーは実際にはスクロールを使用しません。ドキュメントを無限のキャンバスにレイアウトし、パンします。position: fixed実際にはサポートされていないと言うのは、多かれ少なかれセマンティックなイタチの言葉遣いです。

于 2011-04-23T07:18:05.790 に答える
2 
#footer {
   position: fixed;
   bottom: 0;
}

jsFiddle .

iOS5以降で動作します。

于 2011-04-23T06:21:51.833 に答える
2

フレックスボックスを使用してください:)

<body>
    <div id="mainPart"></div>
    <footer></footer>
</body

<style>
body { 
   display: -webkit-box; -webkit-box-align: stretch; -webkit-box-orient: vertical;  
   display: -moz-box; -moz-box-align: stretch; -moz-box-orient: vertical;
 } 

#mainPart { -webkit-box-flex: 1;  -moz-box-flex: 1; position: relative; z-index: 2;}
footer{
      background-color:#FFC579;
      height:50px;
      position: relative; z-index: 3;
 }
于 2011-05-03T11:15:52.963 に答える