Question

编辑：检查您是否安装了任何不需要的插件。该问题已通过删除名为“Slick Savings＆＃39; Slick Savings＆＃39;

的Google Chrome插件解决了。”

粘性页脚在Firefox和Safari上运行良好但是当我在谷歌浏览器中打开它时，它在页脚下面有一些空白区域。

页脚使用相对位置，因为每次我尝试使用绝对定位时，它都会在页面中间结束。

我该怎么做才能摆脱这个？我尝试过溢出：隐藏，底部：0，填充底部：0

这是标记：

HTML

<html>

  <body>

   <div class ="wrapper">

     <div class ="content">
       Page content!
     </div>

   </div>

     <div class ="footer">
       Footer content!
     </div>

  </body>

</html>

CSS

*{
  margin:0;
  padding:0;
}

html{
  -webkit-font-smoothing: antialiased;
  margin:0;
  padding:0;
  min-height:100%;
  height:100%;
}

body{
  height:100%;
  margin:0;
  padding:0;
}

.wrapper{
  min-height: 100%;
  height: auto !important;
  height: 100%;
}

.content {
  font-family:'Droid Serif', serif;
  margin:auto;
  width:90%;
  max-width:60em;
  height:100%;
  padding-bottom:16em;
  overflow:auto;
}

.footer{
  width:100%;
  height:14em;
  background-color:#F5F0E7;
  border-top:4px solid #E6DAC3;
  position:relative;
  clear:both;
  margin-top:-14em;
  margin-bottom:0;
  padding-bottom:0;
}

仅在Google Chrome上的浏览器底部的空白区域

0 个答案: