CSS 将页脚固定在页面底部
背景 最近要给豆瓣直租加上版权、备案信息,这些信息通常放在页脚。而页脚的具体放置也有些讲究,具体希望达到的效果是这样的: 对于长页面(视口无法放下全部内容,需要向下滚动),希望页脚放在正文结尾的下方,即 position: static; 效果。 对于短页面(视口可以放下全部内容,且页面底部还留有许多空白),希望页脚放在视口底部,即 position: fixed; bottom: 0; right: 0; 效果。 实现方法…
Read More背景 最近要给豆瓣直租加上版权、备案信息,这些信息通常放在页脚。而页脚的具体放置也有些讲究,具体希望达到的效果是这样的: 对于长页面(视口无法放下全部内容,需要向下滚动),希望页脚放在正文结尾的下方,即 position: static; 效果。 对于短页面(视口可以放下全部内容,且页面底部还留有许多空白),希望页脚放在视口底部,即 position: fixed; bottom: 0; right: 0; 效果。 实现方法…
Read More