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

最新推荐文章于 2024-08-24 07:29:37 发布

微小东

最新推荐文章于 2024-08-24 07:29:37 发布

阅读量3.8w

点赞数 3

分类专栏： html 文章标签：固定浮动定位在顶部的div

本文链接：https://blog.csdn.net/u014796999/article/details/52041060

版权

html 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

固定-浮动定位在顶部的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>