页脚Footer的两种展示方式

1. 绝对固定在底部

style={{
height: '8vh',
overflow: 'auto',
backgroundImage: "url('/static/bg.png')",
position: 'fixed',//如果注释掉，就是跟随内容在下面浮动
left: 0,
bottom: 0,
width: '100%',
}}

2.相对在底部，在内容下面

style={{
background: 'none',
display: 'flex',
flexDirection: 'column',
height: '8vh',
overflow: 'hidden',
backgroundImage: "url('/static/bg.png')",
position: 'relative',
bottom: 1,
width: '100%',
marginBottom:0,
paddingBottom:0
}}