如何解决尝试实现 Header, main 和 footer React JS
我今天开始使用 React JS,所以我想实现像页眉、主体和页脚这样的东西 所以我做了一些事情,但页脚没有按照预期的方式显示,只有页眉。
我的代码看起来像这样:
对于 Css
.App {
text-align: center;
}
.header{
background-color: #007FC0;
width: 100%;
position: fixed;
padding: 25px 0;
}
.container{
flex : 1 1 auto;
color:white;
}
.footer{
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: #16192C;
}
对于代码我有这个:
import React from 'react';
import './app-styles.css'
function HomePage() {
return (
<div className="App">
<header className="header">
</header>
<footer className="footer">
</footer>
</div>
);
}
export default HomePage;
它只显示标题而不显示其他内容。任何帮助。我到底错过了什么或做错了什么?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。