css、html如何添加顶部固定

最新推荐文章于 2024-07-23 21:45:47 发布

crawling_wl

最新推荐文章于 2024-07-23 21:45:47 发布

阅读量469

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/crawling_wl/article/details/111660655

版权

前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

    .top_fixed{
        position: fixed;
        width: 100%;
        z-index: 9999; 
        left: 0;
        top: 0;
        background-color:white;
            
    }

以上为css部分，为了使顶部固定并保持高度可控，我们可设置一个与顶部固定的div高度相同的同级div

 	<div class="top_fixed" style="height:200px;">
		<!--你的顶部固定代码-->
    </div>
    <div style="height:200px; background-color:white;">
			<!--同级div-->
    </div>
    <div>
    	<!--非固定区域代码-->
    </div>