通过 css 将 div 固定在底部 - css

html-css0607

通过 css 将 div 固定在底部 - css,第1张

对将要固定至底部的 div 设置如下 class 样式即可：

设置基础宽高后并添加绝对位置定位 position 为 fixed 和 bottom 为 0；

以上便是此次分享的全部内容，希望能对大家有所帮助！

1、首先我们新建一个html页面，在这个html代码页面创建一个<div>标签，同时给这个<div>添加一个class类为footer。

2、然后我们设置footer类，把div固定在底部。创建<style>标签，在该标签内设置通过position: fixedbottom:0设置footer类样式，把div固定在底部。

3、然后我们保存html代码，使用浏览器打开即可看到不管如何放大缩小浏览器div都是固定在底部的。

给div加个position:fixedtop:0px

left:0px可让该div固定在网页的顶部左侧，且不会随网页而滚动。如若想固定在其他位置，只需要改动top,left,right,bottom属性值即可。