保證金未設置爲部分標記

我正在嘗試爲頁面的部分標記設置保證金頂部。但是當我爲特定的段標籤設置頁邊距時，頁眉標籤也隨之下降。請告訴我，在這裏爲段標籤設置margin-top的正確方法是我的CSS。 ID容器是一款標籤的ID上，我想設置保證金保證金未設置爲部分標記

body{ 
background-color:#F7F7F7; 
} 

#logo 
{ 
background-image:url('../Images/LogoEB.jpg'); 
background-repeat:no-repeat; 
width:128px; 
height:150px; 
} 
#menu 
{ 
float:left; 
width:92% 
} 
nav ul 
{ 
float:right; 
list-style:none; 
padding:0; 
margin-right:10%; 

} 
nav li 
{ 
float:left; 
margin:0 1em; 
color:#605C5D; 
font-size:20px; 


} 
#login 
{ 
float:right; 
margin-right:4%; 
width:auto; 
margin-top:-4%; 
} 

#container 
{ 

    position: relative; 
margin-top:50px; 

background-color:#7F00FF; 

}

我的HTML

<!DOCTYPE HTML> 
<html> 
<title>Online Education</title> 
<head> 
<meta charset="UTF-8"> 
<meta name ="viewport" content="width=device-width,intial-scale=1.0"/> 
<link rel="stylesheet" href="Css/reset.css" type="text/css" media="screen"/> 
<link rel="stylesheet" href="Css/style.css" type="text/css" media="screen"/> 
<script src="Js/modernizr.js"></script> 
<script src="Js/respond.min.js"></script> 
</head> 
<body> 
<div> 
<header> 
<div id="menu"> 
<h1> 

<div id="logo"> 

</div> 

<nav> 
<ul> 
<li> 
HOW IT WORKS 
</li> 
<li> 
COURSES 
</li> 
<li> 
SCHOOLS 
</li> 
<li> 
REGISTER 
</li> 


</ul> 
</nav> 



</h1> 
</div> 
<div id="login"> 
<input type="button" value="login" id="loginbtn"/> 
</div> 
</header> 
</div> 
<div id="container"> 
<section > 
<div > 

</div> 
</section> 
</div> 
</body> 
<html>

來源

2013-08-21 Azad Chouhan

你需要張貼你的HTML也 – Turnip

是你的html ..？或者給你的網址 –

請檢查我添加的HTML –

添加這個CSS爲你的容器...刪除您的容器的其他CSS只是貼吧

background-color: #7F00FF; 
float: left; 
margin-top: 50px; 
position: relative;

來源

2013-08-21 08:40:18

感謝它現在的工作，但你能解釋我爲什麼會發生？ –

保證金未設置爲部分標記

回答

相關問題