Css 如何定位页脚，使其位于页面底部？

是否有办法将页脚定位到页面底部。 页脚不应该是粘性的。页脚应该位于页面的底部（确切地说是网页的底部），而不应该是粘性的页脚

这是我现在使用的代码。还有别的办法吗

    html {
       position:relative; 
       min-height:100%;
   }
   .footer {
       position: absolute;
       left: 0;
       bottom: 0;
       width: 100%;
       background-color: red;
       color: white;
       text-align: center;
    }

---

请试试这个例子

首先添加此样式，使页脚底部具有粘性

position: fixed;
left: 0;
right:0;
bottom: 0;

.内容{
高度：1000px；
}
.页脚{
位置：固定；
左：0；
右：0；
底部：0；
宽度：100%；
背景色：红色；
颜色：白色；
文本对齐：居中；
}
固定/粘性页脚示例
页脚位于页面底部

页脚

请尝试此示例

首先添加此样式，使页脚底部具有粘性

position: fixed;
left: 0;
right:0;
bottom: 0;

.内容{
高度：1000px；
}
.页脚{
位置：固定；
左：0；
右：0；
底部：0；
宽度：100%；
背景色：红色；
颜色：白色；
文本对齐：居中；
}
固定/粘性页脚示例
页脚位于页面底部

页脚

实现底部页脚的方法有很多，例如：

#footer { 
     position: fixed; 
     bottom: 0; 
     width: 100%; 
     min-height: 20px; 
   } 

---

实现底部页脚的方法有很多，例如：

#footer { 
     position: fixed; 
     bottom: 0; 
     width: 100%; 
     min-height: 20px; 
   } 

---

这应该给你一个想法

.header{
背景色：#ccc；
高度：100px；
宽度：100%；
}
.页脚{
位置：固定；
底部：0；
左：0；
背景色：#eee；
高度：100px；
宽度：100%；
}

标题
Lorem ipsum dolor sit amet，是一位杰出的献身者。非普尔文纳消费品。孕妇的晨曦，佩伦茨克啤酒和汽水。一只秃头斑舌苔坐在软腭上。大型活体动物，ultricies eget vehicula a，lacinia vel sapien。生活和知识是一种快乐。纳拉拉西尼亚教堂的纳勒姆·鲁特鲁姆·内克。做一个通信器，一个欧盟分子。Donec neque odio，fringilla sed maximus ut，semper vitae metus。这是一种智慧的生活方式。这是一种非常好的生活方式。阿利奎姆·埃拉特·帕特。在faucibus中，Interdum和malesuada在第一次同侧前就出名了。
奥古斯塔·马萨之门，位于拉奥里特的埃格斯塔斯交流中心。Morbi sodales只是一个例子，它是一个很好的例子。阿利奎姆·里苏斯·马格纳，自由女神艾米特的亚库利斯，佩伦茨克·拉奥里特·梅特斯。nisl中的leo ac risus tincidunt euismod eu。这是一个温和的自由分子。不要让我的小弟弟变成小男孩。请坐在奥奇的中间。在hac habitasse Plateum，一句名言。我是精英。这威胁到了欧盟内部的共同利益。Donec eget laoreet augue。莫里斯·瓦里乌斯（Mauris varius）是奥迪奥·康莫多（odio commodo）的先驱者。无便利。两个月后，马蒂斯·萨吉蒂（mattis sagittis）的效率下降。
位于临时立法会的最终策展人，位于威尼斯。克拉斯调味品：拉齐尼亚红葡萄酒。毛前庭终径矢状面。库拉比图尔调味品孕妇维利特欧盟调味品。在turpis vulputate laoreet的eleifend nulla，Fusce auctor调味品velit、eu tincidunt risus ultrices等。Nunc非康格码头。莫比·尤拉奥里特·洛雷姆。莫比·维尔·波苏尔·维利特。
请在8月1日前完成这项工作。在多洛-狮子座的矢状体中，非暂时性的马利苏亚达和佩伦茨克的交通工具浮躁。佩伦特斯克乌尔特里克斯广场，乌尔特里克斯turpis maximus vel。Mauris commodo purus为矢状体，直径不可变。在mollis risus sapien vitae odio，我是一个圣人，我是一个圣人。在ut的元素对元素的元素处的Phasellus suscipit orci turpis。猫科动物的前庭空。我是尼布·普鲁斯，我是罗特鲁姆·塞德·尼斯拉，酒后驾车。这是一个非常好的例子。
塞德·奥古斯·阿库姆桑，各种猫科动物，康瓦利斯·胡斯托。杜松子白粉。奥勒姆·托托，马莱苏亚达·希特·塞德，尤伊斯莫·维韦拉·泰勒斯。Nunc tellus mi，justo vitae中的aliquam，faucibus orci luctus and ultrices posuere cubilia curae中前庭和同侧前庭前的congue sodales；我的母亲是一个普通的孕妇。在nec麦格纳发酵菌中，dictum mi id，发酵菌magna。佩伦茨克前庭或维尼那前庭。在苏打粉中加入麦片粥，在中间加入麦片粥。菲尼布斯·菲尼布斯·菲利斯，拍卖人尼布。
页脚

这会给你一个想法

.header{
背景色：#ccc；
高度：100px；
宽度：100%；
}
.页脚{
位置：固定；
底部：0；
左：0；
背景色：#eee；
高度：100px；
宽度：100%；
}

标题
Lorem ipsum dolor sit amet，是一位杰出的献身者。非普尔文纳消费品。孕妇的晨曦，佩伦茨克啤酒和汽水。一只秃头斑舌苔坐在软腭上。大型活体动物，ultricies eget vehicula a，lacinia vel sapien。生活和知识是一种快乐。纳拉拉西尼亚教堂的纳勒姆·鲁特鲁姆·内克。做一个通信器，一个欧盟分子。Donec neque odio，fringilla sed maximus ut，semper vitae metus。这是一种智慧的生活方式。这是一种非常好的生活方式。阿利奎姆·埃拉特·帕特。在faucibus中，Interdum和malesuada在第一次同侧前就出名了。
奥古斯塔·马萨之门，位于拉奥里特的埃格斯塔斯交流中心。Morbi sodales只是一个例子，它是一个很好的例子。阿利奎姆·里苏斯·马格纳，自由女神艾米特的亚库利斯，佩伦茨克·拉奥里特·梅特斯。nisl中的leo ac risus tincidunt euismod eu。这是一个温和的自由分子。不要让我的小弟弟变成小男孩。请坐在奥奇的中间。在hac habitasse Plateum，一句名言。我是精英。这威胁到了欧盟内部的共同利益。多奈克·埃吉特·拉奥里特