Html CSS:Responsive rectangle:Div在调整大小时被剪切 我试图在页面中间做一个响应矩形，里面有一些内容。

但是，当我重新调整它的大小时，div

#result

被删除，前提是我有

最小高度：350px和
最大高度：650px已声明。
理想情况下，我想
minheight:350px并且随着页面大小的调整，
最大高度：650px。我也试过身高：30%但这不会给我带来任何运气

所以，如果有人能告诉我这个部门被裁掉的原因，那就太好了（请：））

这是调整大小之前的外观：
调整大小（请注意图的头部）：
在媒体屏幕模式下（一切正常！）：

代码如下：


*{margin:0；padding:0；}
html{overflow-y:scroll；}
a、 img，输入{大纲：无；边框：无；颜色：#000；}
/*
*，*：之前，*：之后{
框大小：边框框；}
*/
.输入下划线包装{
显示：内联块；
宽度：70%；
}
.下划线{
背景色：黑色；
z指数：0；
高度：1px；
页边顶部：1px；
宽度：100%；
}
#包装纸{
浮动：对；
边缘顶部：30px；
宽度：360px；
}	
#包装纸{
浮动：左；
边缘顶部：20px；
宽度：100%；
身高：100%；
最大高度：600px；
}
#形式{
利润率：15%；
位置：绝对位置；
宽度：50%；
最小宽度：400px；
最大宽度：600px；
/*身高：30%*/
最小高度：350px；
最大高度：600px；
溢出：隐藏；
边框：1px纯黑；
背景色：白色；
}
#形式：以前{
内容：“；
显示：块；
填充顶部：0；
}
#formContent{
填充：2%；
位置：绝对位置；
宽度：96%；
身高：96%；
}
#通知{
浮动：左；
宽度：继承；
边缘顶部：10px；
}
.用户{
浮动：左；
填充：0.4em 0.4em}
#嗯{
填充：0；
边界：无；
背景：无；
}
#结果{
宽度：继承；
高度：120px；
}
#结果文本{
浮动：左；
边缘顶部：100px；
宽度：50%；
最小宽度：200px；
最大宽度：300px；
}
#结果图{
浮动：对；
宽度：50%；
边缘顶部：30px；
最小宽度：200px；
最大宽度：300px；
}
#用户图形{
保证金权利：50%；
职位：继承；
}
#钮扣{
位置：绝对位置；
底部：5%；
左：37%；
填充：0；
边界：无；
背景：无；
}
/*媒体查询*/
@媒体屏幕和屏幕（最大宽度：628px）{
.下划线{
背景色：黑色；
z指数：0；
高度：1px；
页边顶部：1px；
宽度：100%；
}
#形式{
垂直对齐：中间对齐；
高度：500px；
}	
#形式#形式内容#结果{
宽度：继承；
高度：120px；
}	
#表单#表单内容#结果#结果文本{
浮动：左；
边缘顶部：100px；
宽度：50%；
最大宽度：150px；
}
#表单#表单内容#结果#结果图{
利润上限：-100px；
浮动：对；
宽度：50%；
最大宽度：150px；
}
}

你好


好啊


好啊


好啊
去：
用户名测试
进入
你的问题很简单：）

您的元素：#formContent是绝对定位的。当您将绝对元素放置在相对元素中时，您的父元素将不会将绝对元素放置在其“流”中。因此，如果绝对元素变大，它将不会缩放

如果你改变

#formContent {
    position: absolute;
}

致：

您将看到父级开始使用#formContent元素进行缩放

我希望这对你有点帮助。我建议您快速浏览一下，以获得更全面的解释

祝你好运
 你的问题很简单：）

您的元素：#formContent是绝对定位的。当您将绝对元素放置在相对元素中时，您的父元素将不会将绝对元素放置在其“流”中。因此，如果绝对元素变大，它将不会缩放

如果你改变

#formContent {
    position: absolute;
}

致：

您将看到父级开始使用#formContent元素进行缩放

我希望这对你有点帮助。我建议您快速浏览一下，以获得更全面的解释

祝你好运
 如果此答案解决了您的问题，请使用。您可以验证它是否为已回答的答案吗？：）您好，它解决了我的问题，但现在又出现了另一个问题…：P
ENTER
按钮现在不再粘在底部。。我试图通过声明
px
或
%
来修复它。在我开始调整大小后，它不会粘到底部。。。如果你能说明原因，可以吗？干杯XY您可以“float:left”（或“overflow:hidden”）您的#formContent，使其大小与其中的内容相同。因此，它将扩展到底部。而且因为按钮被定位为绝对到其相对父级。它又粘到了底部：）如果这个答案解决了你的问题，你能验证它的答案吗？：）您好，它解决了我的问题，但现在又出现了另一个问题…：P
ENTER
按钮现在不再粘在底部。。我试图通过声明
px
或
%
来修复它。在我开始调整大小后，它不会粘到底部。。。如果你能说明原因，可以吗？干杯XY您可以“float:left”（或“overflow:hidden”）您的#formContent，使其大小与其中的内容相同。因此，它将扩展到底部。而且因为按钮被定位为绝对到其相对父级。它又粘到了底部：）