-1

フォーム div が親 div の下部にあるのはなぜですか? もっと言いたいのですが、質問がされており、それはかなり明確です...ヘッダーdivの下部にフォームdivが表示されるのはなぜですか? 私はそれをハックして負の上部マージンを与えることができることを知っていますが、それは適切な形式ではないことを知っています. 何が与えますか？どうも。

html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>

<body>
     <div id="header">
        <div id="logo"></div>
        <div id="login">
        <input type="text" placeholder="EMAIL ADDRESS" value="" name="email" id="user">

        </div><!-- end login div -->
     </div><!--end header div -->

</body>
</html>

CSS:

@charset "utf-8";
/* CSS Document */

body {
    margin: 0px;
    padding: 0px;
}
input {
    float: right;
    margin-left:15px;
}

#header {
    background-image:url(images/headerGradient.png);
    background-repeat: repeat;
    margin:0px;
    padding:0px;
    width:auto;
    height:72px;
    display:block;
}

#logo {
    background-image:url(images/logo.png);
    width: 182px;
    height: 66px;
    vertical-align:middle;
    margin-left: 60px;
}
4

2 に答える 2