Html 如何获得固定元素上高度的通常行为？

我正在开发一个只使用HTML、CSS和Javascript的网站，这是我的第一个网页，我遇到了一个固定块高度的问题。“联系我们”链接必须在屏幕中央打开一个带有联系信息的框，因此我使用了固定位置，我希望高度能像往常一样工作，我的意思是只显示其内容的高度，但它显示的是屏幕的100%高度，谢谢，网页是西班牙语的，网站的链接是：

同样，这是我的第一个网页，加上那时我已经在导航栏上了

编辑： 抱歉，第一次询问时，我没有提供任何代码：

div#联系人1{
字体系列：“Ubuntu媒体”；
填充物：3.5em；
宽度：50%；
边框：实心2px；
边界半径：20px；
背景色：白色；
位置：固定；
排名：0；
左：0；
右：0；
底部：0；
保证金：自动；
溢出：自动；
}
部门联系人{
宽度：100%；
高度：4000px；
背景色：rgba（0,0,0,0.8）；
位置：固定；
排名：0；
左：0；
右：0；
底部：0；
保证金：自动；
}
部门联系人1 img{
高度：60px；
显示：内联块；
垂直对齐：中间对齐；
}
div#contacts1 p{
字体大小：1.3em；
显示：内联块；
填充：0；
保证金：0；
垂直对齐：中间对齐；
左侧填充：1.5em；
}
div#触点1 p强{
显示：块；
字号：0.9em；
保证金：0；
边缘底部：0.2米；
填充：0；
}
帕拉多尔分区{
高度：100px；
边缘底部：-1米；
显示：块；
}
副处长{
-webkit过滤器：阴影（-2px 2px 4px黑色）；
滤镜：阴影（-2px 2px 4px黑色）；
左边距：3em；
}
帕拉多尔h1分区{
文本对齐：居中；
保证金：0；
}

博尔道斯y算法
@导入url（“index.css”）屏幕；
接触信息：
Teléfono
0257-2535145

电报
@博尔达多斯

Instagram
@博尔达多斯

Correo Electroónico
博尔达多斯。ym@gmail.com

Whatsapp
0414-5214041

这里有一个简单的模式示例，您可以使用它，而不是任何额外的自定义CSS（特别是高度-宽度），保持简单。 根据您的内容自动调整高度

---

链接-

您需要删除

底部：0-这与
顶部组合：0使div具有100%的高度

然后您可以设置：

top: 50%; // move popup down by 50% of window height
transform: translateY(-50%); // move it back by 50% of popup height

编辑：
还考虑添加<代码>最大高度：100%；
利用
溢出：自动当窗口的高度小于弹出窗口的高度时。
欢迎使用堆栈溢出！在提问时，请总是把直接把问题复制到你的问题中的最小代码量（而不是链接）。此外，由于我的回答解决了问题，我们将感谢您将其标记为已接受。