Question

所以基本上我做了一个页脚，当我把它做得更小时，它下面会出现白色空间，没有空白区域的最小尺寸是40px（这对于我的网站来说是多大的方式）。任何人都知道我做错了什么，而且我也试图在导航下添加版权，但无论我改变什么，它都会被置于其上面！

＆＃13;

header:after,
section:after,
article:after,
footer:after,
#navigation-top:after,
#navigation-bottom:after,
#page-header-wrapper:after,
#banner-area-wrapper:after,
#page-body-wrapper:after,
#page-footer-wrapper:after,
.clearer:after {
  content: "";
  display: table;
  clear: both;
  width:960px;
  margin:0 auto;

}


footer nav {
  float:left;
}


footer nav ul li {
  display: inline-block;
  margin-left:10px;
  list-style: none;

}

footer nav ul li a {
  font-family: tpeb;
  font-size:12px;
  color: #fff;
  text-align: center;
}


footer {
  width:100%;
  background-color: #292929;
  padding:40px 0px;
}

＆＃13;

<footer>
  <div class="wrapper">
      <p>
      <nav>
     <ul>
         <li><a href="index.html">HOME</a></li>
         <li><a href="anime.html">ANIME</a></li>
         <li><a href="manga.html">MANGA</a></li>
         <li><a href="forums.html">FORUMS</a></li>
         <li><a href="faq.html">FAQ</a></li>
         <li><a href="contact.html">CONTACT</a></li>
      </ul>
    </nav>
</div>

</footer>

＆＃13;

Answer 1

如果您的网站身高太短（我的页脚下会留下剩余的空白区域），我无法通过您发布的HTML / CSS告知。

如有疑问，如果您真的希望页脚位于页面底部，

footer {
    position:absolute;
    bottom:0;
/* anything else style-wise*/
}

你的

footer nav {
  float:left;
}

似乎是导致您的版权信息被推高的原因。您可以将其更改为：

footer nav {
  left:0;
}

没有俯卧撑的类似效果。一般来说，避免使用＆＃39; float＆＃39;如果你发现定位问题，请在CSS中使用。

html / css页脚没有定位

1 个答案: