当前位置 : 主页 > 网页制作 > css >

css – 让页脚停留在底部

来源:互联网 收集:自由互联 发布时间:2021-06-13
我正在尝试使用CSS使页脚停留在底部 – 粘性页脚: .wrapper { margin: 0 auto; padding: 0 0 0 0; width: 100%; text-align: left; background: #F5F5FF;}.page .footer { left: 0; width: 100%; min-width: 300px; position: fixed; m
我正在尝试使用CSS使页脚停留在底部 – 粘性页脚:

.wrapper {
  margin: 0 auto;
  padding: 0 0 0 0;
  width: 100%;
  text-align: left;
  background: #F5F5FF;
}

.page .footer {
  left: 0;
  width: 100%;
  min-width: 300px;
  position: fixed;
  margin-top: -150px;
}

.tfoot {
  background: #3E5C92;
  color: #E0E0F6;
}

.smallfont {
  font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

这是事物的HTML:

<div class="wrapper">My stuff</div>
<div class="footer">
<div class="tfoot" align="left" style="padding:6px">
<div class="smallfont" style="float:right">
<a href="?app=about">About Extranet</a>&nbsp;<a href="?app=changelog">Changelog</a>&nbsp;</div>
<div style="color:white">
<small>Copyright &copy; 2009 Radon Systems&nbsp;|&nbsp;Shamil Nunhuck&nbsp;|&nbsp;<?php echo($product.'&nbsp;|&nbsp;'.$version.'&nbsp;|&nbsp;'.$build); ?>
</div></div></small></div>

但它根本不是坚持到底.它出什么问题了?

如果你想要例如.footer坚持到底部,请尝试以下方法:

.footer { position:fixed; bottom:0; width:100%; height:110px;}

当然,我将宽度和高度调高,以便根据需要进行更改.

希望这可以帮助!!

网友评论