1
我使用的是https://github.com/roylee0704/react-flexbox-grid的react-flexbox-grid,它允許我指定列的大小,我無法填充整個頁面。 我想要聖盃佈局,如下所示:React-Flexbox-Grid:如何填充整個頁面?
我使用的是https://github.com/roylee0704/react-flexbox-grid的react-flexbox-grid,它允許我指定列的大小,我無法填充整個頁面。 我想要聖盃佈局,如下所示:React-Flexbox-Grid:如何填充整個頁面?
你可以用普通的「flexbox」來做到這一點。你可能只是想min-height: 100vh;
<div class="container">
<div class="header"></div>
<div class="content">
<div class="left"></div>
<div class="center"></div>
<div class="right"></div>
</div>
<div class="footer"></div>
</div>
容器用下面的CSS:
.container {
display: flex;
min-height: 100vh;
flex-direction: column;
}
.header, .footer {
height: 76px;
}
.left, .right {
width: 76px;
}
.content, .center {
flex: 1;
}
.content {
display: flex;
}
它不工作對我來說,是不是因爲我使用「的位置是:絕對的; 「爲我的.css文件中的html的身體? – optional
我必須將min- {width,height}:100%添加到容器;) – optional