Css 打开模式后，侧边栏将显示；“切”；。如何使边栏的高度响应？_Css_Responsive Design_Materialize_Sidebar

Css 打开模式后，侧边栏将显示；“切”；。如何使边栏的高度响应？

css responsive-design

Css 打开模式后，侧边栏将显示；“切”；。如何使边栏的高度响应？,css,responsive-design,materialize,sidebar,Css,Responsive Design,Materialize,Sidebar,打开modal后，我的侧边栏如下所示： <html> <body> <div class="blur-container2"></div> </body> //Modals are here// </html> 我想知道我能做些什么？ Modals位于body标签之外（因为我模糊了div中名为“blur-container2”的所有内容）。所以除了情态动词以外的所有事物都位于“blur-container2”中简化后的

打开modal后，我的侧边栏如下所示：

<html>
<body>
<div class="blur-container2"></div>
</body>
//Modals are here//
</html>

我想知道我能做些什么？ Modals位于body标签之外（因为我模糊了div中名为“blur-container2”的所有内容）。所以除了情态动词以外的所有事物都位于“blur-container2”中

简化后的结构如下所示：

<html>
<body>
<div class="blur-container2"></div>
</body>
//Modals are here//
</html>

侧栏所在的容器：

.blur-container2 {
    background-image: url(http://southernhoopsreport.com/wp-content/uploads/2018/11/156689-download-white-gradient-background-2447x1468-1080p.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover!important;
    background-position: center;
    display: block;
    overflow: auto;
    height: 100%!important;
}

模态css：

.modal {


   border-radius: 17px;
    background-color: rgb(255, 255, 255)!important;
    backdrop-filter: blur(15px);
    color: rgb(0, 0, 0);
        overflow-y: auto;
    width: 55%;
    max-height: 70%;
    margin: auto;
    padding: 0;
    border-radius: 2px;
    background-color: #fafafa;
    will-change: top,opacity;
}

模型覆盖：

.modal, .modal-overlay {
    position: fixed;
    left: 0;
    display: none;
    right: 0;
}

是的，在体外使用情态动词似乎是错误的，但我找到了解决办法。我的问题是，div“blue-container2”里面有我所有的其他东西，它有一个css值：display:block

所以这就是为什么剪掉边栏会出现这个问题。当我删除那个时，侧边栏变成了“响应”

如果你展示一个简单的工作问题。如果您可以发布一个简单的工作代码来说明问题，这会有很大帮助。这可能需要一些额外的努力，但您可以获得更多的观众和帮助。在