css - 底部零不起作用

Question

我有一段 CSS 代码将底部安排div在底部 0 并固定位置。这非常有效，但是当我调整窗口大小时，底部div隐藏了上面的（中间和顶部）。这是代码：

.topFull{
  width:100%;
  height: 90px;
  background:#1b3f61;
  position: fixed;
  top: 0px;
  left: 0px;
}
.middle{
  width:100%;
  min-width:850px;
  max-width:1000px;
  height: auto;
  margin-top: 120px;
  position: absolute;
  margin-left: -50px;
}
.bottomFull{
  width: 100%;
  background:#1b3f61;
  height: 180px;
  position: fixed;
  left: 0;
  bottom: 0;
}

Answer 1

您的.bottomFull标签是固定的和180px高度。因此，如果您的屏幕较小，它将始终位于其他内容之上。

您可以执行以下操作：

@media only screen and (max-width:500px){
.bottomFull{height:80px;}
}

Answer 2

我想我解决了。我没有弄乱 bottomFull 属性，而是稍微更改了中间 div 并添加

padding-bottom: 120px

现在，即使我的 bottomFull div 总是在窗口底部，我可以滚动并查看中间 div 的内容。