为什么这会发生在我的表格中？ （包括截图）

Question

这是我的代码：

在此输入您的问题：

    <form method="post" action="">
    Title: 
    <input type="text" name="title">

    <br>Further Explanation:<br>
    <textarea name="content" rows="5"></textarea><br>
    <input type="submit" name="input" value="Ask" />


            <?php
            if(isset($_POST['delete'])) {
                include "connection.php";
                if (mysql_query("TRUNCATE TABLE Questions"))
                {
                    echo "Pitanje je uspesno obrisano";
                } else {
                    echo "Nastala je greška pri brisanju pitanja<br>" . mysql_error();
                }

            }
            ?>

    </form>
    <form action="
    <?php
    $_SERVER['PHP_SELF'];
    ?>
    " method="post">
    <input type="submit" name="delete" value="delete all questions">
    </form>

现在，这就是我的形式通常应该是什么样的：
http://i53.tinypic.com/vcxsw6.jpg

但是当我放入或移出动态页面文件中的div标签时会发生这种情况：
http://i54.tinypic.com/fz3z84.jpg

我做错了什么？到底是怎么回事？ ：（

Answer 1

我不是CSS专家，但是我推荐的是在你下载附加的Firebug后在Firefox中解决这个问题。 Firebug会让你直接进入并在浏览器中运行时弄乱CSS和HTML，这样你就可以动态调整事物，打开和关闭css元素，并准确隔离导致问题的原因。只需在Firebug窗口中找到div，它将列出当前连接到它的每个css元素。从那里，您应该能够浏览代码并查看奇怪的CSS来自哪里。

Answer 2

您可能有一些CSS规则可以更改input和textarea元素的外观，可能类似于：

input, textarea {
    border: none;
}

这就是为什么您的input和textarea元素没有边框的原因。中心对齐可能是从父元素继承的。