Html 如何在CSS中将弹出窗口粘贴到顶部

Html 如何在CSS中将弹出窗口粘贴到顶部,html,css,popup,Html,Css,Popup,我试着把弹出窗口粘到顶部,使它小一些,以适应屏幕。 这是我的登录页面URL-yogavoga.com/2weekdiet 任何帮助都将不胜感激 .modal-content { margin: 5px auto; background-color: #fefefe; border: 1px solid #888;border-width:3px; width: 90%; } 我不确定这是否完全解决了您的问题,因为您的示例代码有点短,并且没有显示元素本身。我试图访问你的网站,

我试着把弹出窗口粘到顶部,使它小一些,以适应屏幕。 这是我的登录页面URL-yogavoga.com/2weekdiet

任何帮助都将不胜感激

.modal-content {
  margin: 5px auto;
  background-color: #fefefe;
  border: 1px solid #888;border-width:3px;
  width: 90%;
  }

我不确定这是否完全解决了您的问题,因为您的示例代码有点短,并且没有显示元素本身。我试图访问你的网站,但找不到元素。所以我们很难说出你真正想要什么

margin是div元素周围的空间,在本例中是模态。使用您的代码,您可以说您的浏览器将您的元素放在顶部(顶部的边距为0),然后自动执行其余操作。它会根据元素的宽度将元素居中

您可以使用宽度来缩放元素。通过减少百分比使其变小

.modal-content {
    margin: 0 auto; // 0 from top, left, bottom and right auto.
    background-color: #fefefe;
    border: 1px solid #888;
    border-width: 3px;
    width: 60%; // Width of your element.
}

提示:从主体中删除边距和填充预设,使元素位于绝对浏览器边框处

寻求代码帮助的问题必须包含在问题中重现问题所需的最短代码,最好是在堆栈片段中。虽然您提供了一个链接,但如果该链接无效,您的问题对其他将来遇到相同问题的用户将毫无价值。看,你好,Lidor Amrai。你在用引导程序吗?不。。。只有基本的css和html