<代码><；DIV类名="；应用"；>；<；DIV类名="；导航栏<；导航栏>；<；/导航栏>；<；/DIV>；<；DIV类名="；主要"；>；<；布局>；<；DIV类名="；路由"；>；<；切换>；<；路由精确路径="；/"；>；<；首页/>；<；/路由>；<；路由路径="；/交换"；>；<；交换/>；<；/路由>；<；路由精确路径="；/加密货币"；>；<；加密货币/>；<；/路由>；<；路由路径="；/crypto/：CoinID"；>；<；密码详细信息/>；<；/路由>；<；路由路径="；/新闻"；>；<；新闻/>；<；/路由>；<；/开关>；<；/DIV>；<；/布局>；<；DIV类名="；页脚"；>；<；typography.title level={5}style={{color："；white"；}}align="；中心"；>；密码世界<；br/>；2021年版权所有<；br/>；由Utkrisht制造<；/typography.title>；<；空间>；amp；lt；链接到=amp；quot；/amp；quot；amp；gt；主页<；/链接>；<；链接到="；/交换"；>；交换<；/链接>；<；链接到="；/新闻"；>；新闻<；/链接>；<；/空格>；<；/DIV>；<；/DIV>；<；/DIV>；

下面是代码

我希望导航栏和主DIV只是并排出现，以便主页的内容可以显示在导航栏旁边。但现在，主DIV和导航栏DIV是重叠的，因此内容被导航栏隐藏。

<代码>.app{显示：Flex；溢出：隐藏；}.导航栏{弹性：0.2；背景色：RGB（0，21，41）；}.主要{挠曲度：0.8；宽度：100%；}.路线{填充：20px；}

顺晟科技：

<div className="App"> <div className="navbar"> <Navbar></Navbar> </div> <div className="main"> <Layout> <div className = "routes"> <Switch> <Route exact path = "/"> <Homepage/> </Route> <Route path = "/exchanges"> <Exchanges/> </Route> <Route exact path = "/cryptocurrencies"> <Cryptocurrencies/> </Route> <Route path = "/crypto/:coinId"> <CryptoDetails/> </Route> <Route path = "/news"> <News/> </Route> </Switch> </div> </Layout> <div className="footer"> <Typography.Title level = {5} style = {{color:"white"}} align = "center"> The CryptoVerse <br/> All rights reserved @2021<br/> made by Utkrisht </Typography.Title> <Space> <Link to = "/">Home</Link> <Link to = "/exchanges">Exchanges</Link> <Link to = "/news">News</Link> </Space> </div> </div> </div> 区分大小写。在.app{ display: flex; overflow: hidden; } .navbar{ flex: 0.2; background-color: rgb(0, 21, 41); } .main{ flex: 0.8; width: 100%; } .routes{ padding: 20px; } 中，您可以看到：

<代码><；DIV类名="；应用"；>；…<；/DIV>；

并且您的<div className="App"> <div className="navbar"> <Navbar></Navbar> </div> <div className="main"> <Layout> <div className = "routes"> <Switch> <Route exact path = "/"> <Homepage/> </Route> <Route path = "/exchanges"> <Exchanges/> </Route> <Route exact path = "/cryptocurrencies"> <Cryptocurrencies/> </Route> <Route path = "/crypto/:coinId"> <CryptoDetails/> </Route> <Route path = "/news"> <News/> </Route> </Switch> </div> </Layout> <div className="footer"> <Typography.Title level = {5} style = {{color:"white"}} align = "center"> The CryptoVerse <br/> All rights reserved @2021<br/> made by Utkrisht </Typography.Title> <Space> <Link to = "/">Home</Link> <Link to = "/exchanges">Exchanges</Link> <Link to = "/news">News</Link> </Space> </div> </div> </div> 正在尝试使用以下内容设置其样式：

<代码>.app{…}

你需要用这个来匹配案例：

<代码>.app{…}