模态动态调整大小，但其他 div 不会随之移动

Question

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

我这里有一个小提琴...

当<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);
    }

Answer 1

删除顶部：275px;并添加底部：0px;而是在近距离显示模型中

并添加此div

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