第一张图片：
第二张图片：
问题：为什么在第二张图片中显示隐藏的html标签后，黄色和绿色之间有一个空格，请帮忙？我应该如何解决这个问题？非常感谢。
这是我的html代码
<div id="login">
<?php
session_start();
$errmsg = array();
if(isset($_SESSION['errmsg'])&&is_array($_SESSION['errmsg'])&&count($_SESSION['errmsg'])>0){
foreach($_SESSION['errmsg'] as $msg){
echo '<p id="error"><img src="img/error.png" alt="Login error!">'.$msg.'</p>';
}
unset($_SESSION['errmsg']);
}
?>
<form method="post">
<label for="email">Email:</label>
<input id="email" type="email" name="email" required>
<label for="pass">Password:</label>
<input id="pass" type="password" name="pass" required>
<input id="submit" type="submit" name="login" value="Login">
</form>
<?php
include 'functions/functions.php';
if(isset($_POST['login'])){
$result=AuthenticateUser($_POST['email'],$_POST['pass']);
if($result){
}
else
$errmsg[]='Login error:please check your e-mail & password';
session_regenerate_id();
$_SESSION['errmsg'] = $errmsg;
session_write_close();
header('location:index.php');
exit();
}
?>
</div>
这是我的css代码
label, input#pass, input#register{
display:block;
}
p#error {
color:#FF0000;
}
div#nav{
background-image:url('../img/nav.png');
background-repeat:no-repeat;
}
div#nav, a {
text-decoration:none;
}
body {
margin:0 auto;
width:600px;
}
div#login, div#register {
background-image:url('../img/form.png');
background-repeat:repeat-y;
}