html - 页面高度不适应页面新内容

Question

首先，我对 html/css 的经验为零，我正在尝试自定义 astral html5up.net 模板，但我不知道如何解决这个问题。也就是说，当我提交联系表格并且出现错误消息(使用 php/jquery 生成的粉红色消息)，页面高度不适应页面新内容，结果如下:

之后: http://oi57.tinypic.com/313n5vd.jpg

之前: http://oi62.tinypic.com/9scxs7.jpg

不过，似乎切换到另一个页面可以解决联系页面的问题。这是代码:

<!-- Wrapper-->
        <div id="wrapper">

          <!-- Cut out content -->

             <!-- Main -->
                <div id="main">

                <!-- Cut out content -->

                    <!-- Contact -->
                        <article id="contact" class="panel">
                            <header>
                                <h2>Contact Me</h2>
                            </header>

                            <form id="formail" action="#" method="post">

                                <div id="reply">

                                <!-- Here is where the jquery error message appears -->

                                </div>

                                <!-- Cut out content -->

我应该去哪里解决问题？也许在 css 的这一行？

#main
{
    position: relative;
    overflow: hidden;
}

谢谢。

Answer 1

你可以在你的容器上设置max-height