Question

我想为我的项目修复页眉和页脚的位置，但页眉的代码不适用于页脚。这是我尝试的代码，但它不起作用。

#footer{
width:100px;
height:100px;
background:black;
color:white;
position:fixed;
}

Answer 1

.container{
  min-height: 1000px;
}
#footer{
  width:200px;
  height:100px;
  background:black;
  color:white;
  margin: 0 auto;
  position:fixed;
  left:0;
  right:0;
  bottom:0;
}

<div class="container">
  <footer id="footer"></footer>
</div>

使用此代码。你错过了一些css，bottom，right＆amp; left属性，如果我们处理的是fixed或absolute位置，则必不可少

Answer 2

尝试这样的事情。

＆＃13;

#footer,#header{
  padding:15px;
  background:#f00;
  position:fixed;
  width:100%;
}
#footer{
  bottom:0px;
}
#header{
  top:0px;
}
.container{
  min-height: 1000px;
}

＆＃13;

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>

<body>
  <div class="container">
    <div id="header">Header</div>
    <div id="footer">footer</div>
  </div>
</body>
</html>

＆＃13;

Answer 3

页脚样式

position: fixed !important;
width: 100% !important;
right: 0px !important;
bottom: 0px !important;

标题样式

 position: fixed !important;
width: 100% !important;
right: 0px !important;
 left: 0px !important;
 top: 0px !important;

我无法在我的网站项目中修复页脚的位置

3 个答案: