Html 放置固定模式页眉和页脚

我正在使用引导模式在我的网页上显示一些内容。我已经将模态的高度设置为固定的80%，以便在长屏幕中正常工作，因为模态主体中有很多内容。有了80%的高度，我希望页眉和页脚固定在它们的位置，但整个内容似乎是可滚动的，即我的页眉或页脚继续滚动。我想保持页眉和页脚固定在它们的位置上，模态体是可滚动的。我试过使用position:absolute和position:fixed，但似乎不起作用。如何做到这一点，即保持页眉和页脚固定且正文可滚动？

您必须在中设置.modal正文的高度并使其溢出-y:auto。还将.modal对话框溢出值重置为初始值

    .modal{
    display: block !important; /* I added this to see the modal, you don't need this */
}

/* Important part */
.modal-dialog{
    overflow-y: initial !important
}
.modal-body{
    height: 250px;
    overflow-y: auto;
}

---

试试下面的css可能会对你有所帮助

.modal-body {
    position: relative;
    padding: 15px;
    max-height: 600px !important;
    overflow-y: scroll;

---

}

请添加小提琴或共享一些代码。