Question

我在我的CSS风格中发现了一种奇怪的行为。我创建了一个登录页面，可以通过链接wihtin主页访问。如果我从主页或登录页面本身的链接访问登录页面，一切看起来都很好。但是，每当我刷新登录页面时，标题看起来都很奇怪。所有这一切都发生在<form>元素存在，没有<form>元素的情况下，没有问题。

那么，是什么导致这种情况发生的？我该如何解决这个问题？

注意： 此后的所有内容都只是我的问题详情的附件。

登录文件页面如下：

<?php require_once($_SERVER['DOCUMENT_ROOT'].'/config/core.php'); ?>

<html>
<?php include_once($root.'/includes/head.php');?>
<body>
<div id="wrapper">
<?php include_once($root.'/includes/header.php');?>
<?php include_once($root.'/includes/navigation.php');?>
    <section>
        <article>
            <h2>Login</h2>
            <form action="<?php echo $current_file;?>" method="post">
            <table align="center" border="0" cellpadding="0" cellspacing="15">
                <tr>
                    <td width="100">Username</td>
                    <td>:</td>
                    <td><input type="text" name="username" maxlength="50" size="35"></td>
                </tr>
                <tr>
                    <td>Password</td>
                    <td>:</td>
                    <td><input type="password" name="password" maxlength="50" size="35"></td>
                </tr>
                <tr>
                    <td colspan="3" align="center"><input type="submit" value="  Login  "><input type="submit" value="  Reset  "></td>
                </tr>
            </table>
            </form>
        </article>
    </section>

<?php include_once($root.'/includes/news.php');?>
<?php include_once($root.'/includes/footer.php');?>
</div>
</body>
</html>

我包含的header.php文件如下：

<header>
    <div id="logo">
        <img src="/images/arh.png" />
        <h1>The Header</h1>
    </div>
</header>

并且，header元素的css文件是这样写的：

header {
    background-color: #000; height: 120px;
}

#logo {
    float: left;
}

#logo img {
    height: 100px; padding: 10px;
}

#logo h1 {
    color: #ccc; float: right; font-size: 36px; padding: 30px;
}

如果我从链接访问login.php页面，那么结果为：

From link

而且，如果我刷新页面：

With refresh

Answer 1

我有同样的问题。 Matewka是对的。

我的标题上的html中出现了一个小错误。我把桌子放在桌子中间。

我有什么

<div>
<table>
    <tr>
        <td>
        </td>
    </tr>
</div>
</table>

我将其改为

<div>
<table>
    <tr>
        <td>
        </td>
    </tr>
</table>
</div>

我刚把我的div移到桌子的尽头。我不知道我是怎么做到这一点的，但是在几天之内或者一遍又一遍地盯着同样的事情你会开始想念事情。我会仔细检查html，它可能就这么简单。（你使用身高％？）你有边框吗？

添加表单元素后，刷新页面给出不同的样式结果

1 个答案: