Css 页脚在引导模式/手风琴中始终可见

你好,

我正在拼命寻找一个简单的解决方案，我的代码可以在codepen上找到

// line 84
.panel-group .panel-heading + .panel-collapse > .panel-body {
   border: none;
   max-height: 300px;
   overflow-y: scroll;
}

这样做的目的是使粉色页脚始终可见（粘贴在屏幕底部），即使内容太大（如打开时的面板3）

当内容太大时，我试着放置一个垂直滚动条，但我不确定如何以最佳方式使用最大高度（目前为300px，第84行）

此解决方案实际上不起作用，它不适用于大屏幕（因为最大高度：300px…）

是否可以直接在CSS中执行我想要的操作？如果是的话，你能指引我吗

还是你认为Javascript是强制性的？面板的背景灰色必须覆盖整个区域，直至底部，具有任何分辨率

谢谢

    .modal-body 
{
  overflow-y:scroll;
  height:400px;
}

---

你的模态体可以滚动，使页脚始终可见。你可以使用任何你想要的高度。

在我看来，你应该将页脚从模态中分离出来，并单独显示，因为模态已经是一个固定的元素。您可以连接到

js

modal事件，并仅在打开modal时显示此独立页脚

.modal-footer.outer{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2000;
    background: #fff;
}

您的模式页脚已被修复，它实际上运行正常，问题是它仍然是另一个固定项的子项-模式本身，因此在视口对于父项太小时会分离

---

这不是解决方案，内容与屏幕高度不匹配。目标是在面板3（打开时）和粉色框架之间不使用白色。底部必须是灰色的。好吧，如果你计划在一个模式中制作一个购物车，你不需要对页脚应用固定位置。请参阅：您的解决方案不符合我的要求。。。页脚必须精确地处于模式中，这是规范。。。谢谢你。