Question

首先，我对html / css没有经验，我正在尝试自定义星界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

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

1 个答案: