CSS3 如何实现footer 固定在底部(无论页面多高始终在底部)

山有山的沉稳厚重,一年四季却能以不同的色彩风光展示山的美丽。活泼的有单调的一面,安静的有变换的色彩。静与动的搭配,单调与精彩的结合,也就组成了最美的风景。

前言

把 footer 区固定在底部,无论页面高度多宽,它始终在底部不会变,就像移动端的菜单一样。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>document</title>

<!-- css -->
<style>
#demo{
 position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 50px;
    background-color: #eee;
    z-index: 9999;
}
</style>

</head>
<body>
<footer id="demo">我是footer</footer>
</body>
</html>

总结

以上所述是小编给大家介绍的CSS3 实现footer 固定在底部(无论页面多高始终在底部),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

到此这篇关于CSS3 如何实现footer 固定在底部(无论页面多高始终在底部)就介绍到这了。如果心胸不似海,又怎能有海一样的事业。更多相关CSS3 如何实现footer 固定在底部(无论页面多高始终在底部)内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
CSS如何使用Flex和Grid布局如何实现3D骰子

纯CSS打字动画的如何实现示例

CSS中如何使用grid布局如何实现一套模板多种布局

css3手动如何实现pc端横向滚动

css如何实现右上角飘带效果的完整代码