Html 显示中的窗体绝对不'；缩小屏幕时是否完全不显示？

我还使用了引导列，并且有一个位于

display:absolute

中的表单。我有一个问题，当我缩小屏幕的形式没有完全显示在屏幕上显示

如何使它完整地出现？我期待的结果是：

类

表单

中的html代码和css：

.form{
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
显示：块；
边缘底部：80px；
宽度：540px；
高度：650px；
背景：#fff；
边界半径：5px；
溢出：隐藏；
z指数：1；
}

...
让我们谈谈










我想收到信息电子邮件

尝试编辑px的宽度和代码，并将其更改为100%

    .form {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display:block;
        margin-bottom:80px;
        width:100%;
        height:650px;
        background:#fff;
        border-radius:5px;
        overflow:hidden;
        z-index:1;
    }

---

你的css类的主要目标是什么？它是导致窗体无法正确显示的原因。@tonsevilla类。窗体我使用它显示处于绝对位置的窗体，并将其放置在列的中心。如果你能看到我添加到问题中的图片，你会看到表单内容没有完全显示出来。