HTML+CSS底部footer两种固定方式

网页常见的底部栏(footer)目前有两种:

一、永久固定,不管页面的内容有多高,footer一直位于浏览器最底部,适合做移动端底部菜单,这个比较好实现;(向立凯)

二、相对固定,当页面内容高度不沾满浏览器高度,footer显示在浏览器底部,且不会出现滚动条,如果页面内容高度超出浏览器高度,footer则相对与内容的最底部,并且自动出现滚动条;(向立凯)

废话不多说,可以直接复制代码查看效果

一、永久固定




   
   
   
   


   内容,可以大量复制看效果

二、相对固定




    
    
    
    


    
内容,可以大量复制看效果

css实现按钮固定在底部

想要把按钮固定在底部,让浏览器滚动时也不受影响。其实代码很简单的啦!
css如下:


html如下:

```

你可能感兴趣的:(HTML+CSS底部footer两种固定方式)