html,body{
width: 100%;
margin: 0;
padding: 0;
}
html{
min-height: 100%; /* 这个要设置最小高度 */
position: relative;
}
body{
margin-bottom: 60px; /* footer的高度 */
}
.footer{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 60px;
background-color: #ff0000;
}
<body>
<div class="footer"></div>
</body>
当页面高度小于文档内部高度时，页脚也处于最底部的实现方式 CSS html
css实现：1）页面内容不够长的时候,页脚块显示在视窗底部2）如果内容足够长时,页脚块会被内容向下顶 效果图： 可...
Intro 简介 页脚工具栏始终以悬浮页脚的形式显示在屏幕底部。浮动页脚的属性使屏幕和工具栏之间有一个间距，从而提...
有时候需要实现上中下三栏布局，中间内容区域高度自适应，顶部和底部位置固定不变。 已知顶部和底部高度且高度不变 这种...
Word页脚功能实现在文档底部添加页码，署名、日期、作者等信息，那么你知道在Word中如何使用页脚呢？下面一起看下...
需求 如果页面内容不够长的时候，页脚块粘贴在视窗底部；如果内容足够长时，页脚块会被内容向下推送 实现
页脚置底（Sticky footer）就是让网页的footer部分始终在浏览器窗口的底部。 当网页内容足够长以至超...
页脚置底（Sticky footer）就是让网页的footer部分始终在浏览器窗口的底部。当网页内容足够长以至超出...
如何将页脚固定在页面底部？ 要求： 如果页面内容不够长的时候，页脚块粘贴在视窗底部; 如果页面长度超出视窗时，页脚...
本文标题：CSS实现页脚始终在底部
本文链接：https://www.haomeiwen.com/subject/ikbofftx.html
网友评论