Modal动态调整大小,但其他div不随之移动

时间:2013-09-12 15:57:40

标签: css resize autoresize

我不确定我的标题是否正确。

我有一个小提琴here ...

<div>内的内容强制调整大小时,“我已阅读此消息”按钮不会随之移动。我将<div>设置为auto的高度,所以我不确定还会有什么......

以下是模态窗口的CSS ...

.reveal-modal {
    visibility: hidden;
    top: 100px; 
    left: 43%;
    margin-left: -360px;
    width: 700px;
    height: auto;
    background: #eee url(../images/modal-gloss.png) no-repeat -200px -80px;
    position: absolute;
    z-index: 101;
    padding: 10px 60px 34px 180px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -box-shadow: 0 0 10px rgba(0,0,0,.4);
    behavior: url(pie/PIE.htc);
    }

1 个答案:

答案 0 :(得分:1)

删除顶部:275px;并添加底部:0px;而是在密切揭示模型中

并添加此div

   <div style="position: relative;">
   <a class="close-reveal-modal"></a>
   </div>