我創建了一個頁腳并將其放在 app.jsx 文件中以顯示在每個頁面上。但是，如果頁面上的內容沒有占據整個頁面，頁腳就會浮起來。我需要更新 index.html 嗎？頁腳：<Grid container spacing={2} className={classes.container}> <Grid xs={12}> <a href='https://twitter.com/loremipsum'> <SocialIcons> <FaTwitter className={classes.icon} /> </SocialIcons> </a> <a href='https://www.facebook.com/loremipsum'> <SocialIcons> <FaFacebookSquare className={classes.icon} /> </SocialIcons> </a> <a href='https://www.linkedin.com/company/loremipsum'> <SocialIcons> <FaLinkedin className={classes.icon} /> </SocialIcons> </a> </Grid></Grid>頁腳樣式：export const useStyles = makeStyles({container: {backgroundColor: 'black',color: '#F5F5F5',borderTop: '5px solid #669999',marginTop: 20,},icon: {width: 20,height: 20,color: '#669999',marginTop: 10,marginBottom: 10,marginLeft: 10,marginRight: 10,},});export const SocialIcons = styled.div`transition: transform 250ms;display: inline-block;&:hover {transform: translateY(-2px); }`;Index.html 正文<body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body>
頁腳不粘在 React 頁面的底部
烙印99
2023-04-14 17:31:05
