CSS-页面底部隐藏的div，但标题可见_Css

CSS-页面底部隐藏的div，但标题可见

css

CSS-页面底部隐藏的div，但标题可见,css,Css,因此，我有一个div，我想放在页面底部，div的主体完全隐藏在用户的视口下面，除了固定在页面底部的整个页眉禁忌：整个div的高度是动态的，因为其中可以有任意数量的项 div的头完全包含在div中，语法上是这样的理想情况下，我希望完全使用CSS来实现这一点，但如果需要一点JavaScript，也可以关于如何做到这一点有什么想法吗？位置：固定和底部：页眉高度-div的高度不起作用，因为调整视口大小时div的高度会发生变化我明白了。这是我的解决办法。关键是要有一个与要突出的页眉高度相同的包装

因此，我有一个div，我想放在页面底部，div的主体完全隐藏在用户的视口下面，除了固定在页面底部的整个页眉

禁忌：

整个div的高度是动态的，因为其中可以有任意数量的项 div的头完全包含在div中，语法上是这样的理想情况下，我希望完全使用CSS来实现这一点，但如果需要一点JavaScript，也可以

关于如何做到这一点有什么想法吗？位置：固定和底部：页眉高度-div的高度不起作用，因为调整视口大小时div的高度会发生变化

我明白了。这是我的解决办法。关键是要有一个与要突出的页眉高度相同的包装，并将position fixed和bottom 0应用于父包装

html

对于那些想看到它实际运行的人，请以移动分辨率观看

<html>
<body>
<div class="wrapper">
  <div class="wrapper-top">
  </div>
  <div class="wrapper-bottom">
    This can be variable height
  <div>
</div>
</body>
</html>

.wrapper {
  height: 50px;
  position: fixed;
  bottom: 0;
  width: 100%;
}

.wrapper-top {
  height: 50px;
  width: 100%;
}