我正在开发一个只使用HTML，CSS和Javascript的网站，这是我的第一个网页，我得到了一个固定块上的高度问题。 “联系我们”链接必须在屏幕中央打开一个带有联系信息的框，所以我使用了固定位置，我想要的高度像往常一样工作，我指的只是它的内容的高度，但相反，它显示的是100%的屏幕高度，谢谢，网页是西班牙文的，到网站的链接是:
http://www.bordadosyalgomas.com.ve/
再次，这是我的第一个网页，加上我在导航栏的时间。
编辑:对不起，第一次问，我没有提供任何代码:
null
div#contacts1{
font-family: "Ubuntu Medium";
padding: 3.5em;
width: 50%;
border: solid 2px;
border-radius: 20px;
background-color: white;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
overflow: auto;
}
div#contacts{
width: 100%;
height: 4000px;
background-color: rgba(0,0,0,0.8);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
div#contacts1 img{
height: 60px;
display: inline-block;
vertical-align: middle;
}
div#contacts1 p{
font-size: 1.3em;
display: inline-block;
padding: 0;
margin: 0;
vertical-align: middle;
padding-left: 1.5em;
}
div#contacts1 p strong{
display: block;
font-size: 0.9em;
margin: 0;
margin-bottom: 0.2em;
padding: 0;
}
div.cparador{
height: 100px;
margin-bottom: -1em;
display: block;
}
div.cparador img{
-webkit-filter: drop-shadow(-2px 2px 4px black);
filter: drop-shadow(-2px 2px 4px black);
margin-left: 3em;
}
div.cparador h1{
text-align: center;
margin: 0;
}<!DOCTYPE html>
<html>
<head>
<title>Bordaos y algo mas</title>
<style type="text/css">
@import url("index.css") screen;
</style>
</head>
<body>
<div id="contacts">
</div>
<div id="contacts1">
<div class="cparador">
<h1>Información de contacto:</h1>
</div>
<div class="cparador">
<img src="contacts/phone.png">
<p><strong>Teléfono</strong>
0257-2535145</p>
</div>
<div class="cparador">
<img src="contacts/telegram.png">
<p><strong>Telegram</strong>
@bordados.ym</p>
</div>
<div class="cparador">
<img src="contacts/instagram.png">
<p><strong>Instagram</strong>
@bordados.ym</p>
</div>
<div class="cparador">
<img src="contacts/mail.png">
<p><strong>Correo Electrónico</strong>
bordados.ym@gmail.com</p>
</div>
<div class="cparador">
<img src="contacts/whats.png">
<p><strong>Whatsapp</strong>
0414-5214041</p>
</div>
</div>
</body>
</html>null
问题的一览表
您需要删除bottom:0；-这与top:0；结合使用会使div高度达到100%。
然后可以设置:
top: 50%; // move popup down by 50% of window height
transform: translateY(-50%); // move it back by 50% of popup height
编辑:还可以考虑添加max-height:100%；，以便在窗口高度小于弹出窗口高度时使用overflow:auto；。
这里有一个简单的模式示例，您可以使用，而不是任何额外的自定义CSS（特别是height-width）保持简单。 自动高度根据你的内容！
链接-https://getbootstrap.com/docs/4.0/components/modal/
你可以添加代码，这样我们可以看到我们可以解决问题的地方，它是非常简单的，但为了能够帮助你，我们至少需要代码的部分，它没有很好地显示。
