Question

我正在使用Bootstrap制作一个固定页脚的网站。碰巧身体内容与页脚重叠，就像这样 image

通过我的搜索，页脚不如身体重要。我尝试在页脚上放置ID和ID，但没有解决问题。请帮帮我。

＆＃13;

footer {
	position:fixed;
  height:35px;
  bottom:0px;
  left:0px;
  right:0px;
  margin-bottom:0px;
	padding-right: 15px;
	text-align: right;;
	color: snow;
	background-color: #9e0000;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

footer h6{
	line-height: 0.4;
}

＆＃13;

<footer>
		<h6>Universidade Federal de Alagoas</h6>
		<h6>@2017</h6>
</footer>

＆＃13;

Answer 1

我不能发表评论，所以这里有一些不好的假设：

您的桌子上可能有position: relative/absolute和z-index: 2+。 https://codepen.io/chunyin/pen/MmXbJy

要解决此问题，请使用以下命令将页脚设置为更高的z-index： z-index: 99;

编辑：我已经检查了你的代码，将其添加到你的css将解决问题：

CSS：

footer {
    z-index: 99;
}

Answer 2

您可以尝试这种方式添加div并将其设置为高度，如下面的代码示例所示。

<强> CSS

.content {
  height:calc(100vh - 35px); 
  /* 35 px THIS IS YOUR FOOTER HEIGHT YOU CAN CHANGE AS YOU WANT*/
}

正文内容覆盖了页脚

2 个答案: