HTML/CSS怎么固定DIV在顶部、底部 _手艺：HTML5

我们在开发网页的时候，经常会有这么一个需求，就是把DIV固定在某个位置，例如头部或者底部等等，下面小编就用一个小小的案例为大家演示如何固定位置！

文章插图

需要这些哦
手艺：HTML5/CSS3
东西：HbuilderX
方式/
1为了便利演示，起首我们新建一个【HTML文档】

文章插图

2编写HTML部门代码【建立一个固定的盒子】

文章插图

3编写CSS样式【设置盒子的样式及固定结果】

文章插图

4打开浏览器，滚动页面测试【固定结果】

文章插图

5焦点代码：
<div class="top">我是固定的</div>
.top{position: fixed; left: 0; top: 0; z-index: 999;}

文章插图

方式总结：11、新建一个【HTML文档】
2、编写HTML【建立一个固定的盒子】
3、编写CSS样式【设置盒子的样式】
【HTML/CSS怎么固定DIV在顶部、底部】4、打开浏览器，滚动页面测试【固定结果】

注重事项tips1：本教程说的比力具体，您是大神就直接看
五就行了！
tips2：本教程由小编原创，帮到您了就点个赞哈！

以上内容就是HTML/CSS怎么固定DIV在顶部、底部的内容啦，希望对你有所帮助哦！