固定-浮动定位在顶部的div

固定-浮动定位在顶部的div

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>固定-浮动定位在顶部的div</title>
<style type="text/css">
*{
	margin:0;
	padding: 0;
}
#container{
	width: 90%;
	background: #ccc;
	height:auto;
	margin: 0 auto;

}
#nav{
	position:fixed; 
	top:0; 
	width:90%; 
	height: 30px; 
	background: #f30;
}
#main{
	width:100%;
	height:1000px;
	margin-top:35px;
	background:green;
	padding-top: 10px;
}
</style>

</head>
<body>
<div id="container">
	<div id="nav">
	浮动定位的div
	</div>
	<div id="main">
		我是主体我是主体我是主体我是主体我是主体
	</div>
</div>
</body>
</html>



版权声明:本文为u014796999原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。