3

是否有任何纯 CSS 解决方案可以将页脚固定在 Mobile Web-kit 浏览器的底部？

特别是在 iPhone 和 Android 浏览器中。

4

3 回答 3

4

并不真地。这些浏览器实际上并不使用滚动；他们将文档放在无限的画布上，然后在上面平移。这或多或少是语义狡猾的措辞，说他们position: fixed在实践中不支持。

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

js小提琴。

从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 回答