纯css实现吸顶效果

在这里插入图片描述

<div class="header">

</div>
<nav>
    用于显示粘性定位的头
</nav>
<div class="content">

</div>
<footer>
    底部
</footer>
.header {
	width:100%;
	height:160px;
	background:#87CEEB;
}
nav {
	width:100%;
	height:100px;
	position:sticky;
	top:0px;
	background:#F98202;
}
.content {
	width:100%;
	background:blue;
	height:1000px;
}
footer {
	background:#87CEEB;
}


发布了171 篇原创文章 · 获赞 55 · 访问量 7645

猜你喜欢

转载自blog.csdn.net/qq_42363032/article/details/103945262