我在這里真的迷路了。 我構建了django模型窗口，當我開始寫里面的內容時，所有的東西都從模型窗口中出來了。我不知道發生了什么。

點擊此處查看圖片

模態代碼

<div id="modal_window_new_register" class="modal_window_new_register" >
    <div class="new_register_modal">
        <button class="close" id="close">X</button>
    </div>

    Test Test Test Test Test

</div>

模型css代碼

/* Modal window */

.modal_window_new_register{
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #00000080;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;

    overflow: auto;
}

.new_register_modal{
    width: 40%;
    min-width: 450px;
    height: 95vh;
    background-color: #ffff;
    padding: 20px;
    border-radius: 10px;
}
.close{
    position: absolute;
    top: -5px;
    right: -5px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 0;
    background-color: #ffffff96;
    font-size: 20;
    cursor: pointer;
}
.modal_window_new_register.open_new_register_modal{
    display: flex;
}

如果您想讓css保持這樣，您應該將文本放在。new_register_modal div那應該解決你的問題。