0

我对华丽的弹出窗口有点问题。我想左对齐弹出窗口，而不是让它相对于浏览器出现在屏幕中心。知道怎么做吗？我似乎找不到弹出窗口的相关内容（我已经尝试了几个小时，而且我是 jQuery 新手）。如果我缩小，我尝试过继承、固定、绝对以及每次弹出窗口出现在屏幕的不同区域时。

总结一下，我想复制这个网站： http: //www.madridmontessori.org/site_eng.html （不过是用Flash完成的）

我不确定玩这些设置对我来说是否是个好主意，但我还是这样做了......它对我没有多大作用=S

.mfp-container {
  position: absolute;
  width: 1167px;
  height: auto;
  margin-left:auto;
  margin-right:auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color:red; }

至于 jQuery 代码，我什至不会把它放上去，因为我没有让它超过一行而没有错误。=D

这里还有一些可能会帮助你帮助我的试验失败：

<div id="body" style="position:absolute;">
<div id="popup-1" class="zoom-anim-dialog mfp-hide" style="position: relative; top: 30px; left: 50px;">
    <h1>Title here</h1>
    <p>Content here  </p>
</div>

--

#popup-1 {
    background: white;
    padding: 10px 20px;
    text-align: left;
    max-width: 500px;
    top:150px;
    left: 30px;
    position: relative;
}
4

1 回答 1

0

尝试添加float: left：

#popup-1 {
    background: white;
    padding: 10px 20px;
    text-align: left;
    max-width: 500px;
    top:150px;
    left: 30px;
    position: relative;
    float:left
}

并且：

.mfp-container {
    float:left;
    padding:0!important;
}
于 2016-11-10T06:53:06.213 回答