Question

在附加的代码段中，如何让In [1]: import numpy as np In [2]: a = np.arange(3*300).reshape(3,300) In [3]: a.shape Out[3]: (3, 300) In [4]: a = a[np.newaxis, ...] In [5]: a.shape Out[5]: (1, 3, 300) In [6]: b = np.squeeze(a, axis=0) In [7]: b.shape Out[7]: (3, 300) div填充可用的高度：

我试过了：

.app__main

此内容也需要滚动。

display: flex;
flex: 1;

html, body {
  height:100%;
  min-height:100%;
  overflow: hidden;
}

#root, .app__header, .app__main {
  border: 1px solid red;
}

body{
  display: flex;
  flex-direction: column;
}

#root {
  flex: 1;
}

.app__main {
display: flex;
    flex: 1;
}

Answer 1

你需要让.app__main成为一个灵活的孩子，让它的容器（#root）成为一个弹性盒。

＆＃13;

html,
body {
  height: 100%;
  min-height: 100%;
  overflow: hidden;
}

#root,
.app__header,
.app__main {
  border: 1px solid red;
}

body {
  display: flex;
  flex-direction: column;
}

#root {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.app__main {
  flex: 1;
}

＆＃13;

<html>

<body>
  <div id="root">
    <div class="app__header">Header</div>
    <div class="app__main">Main</div>
  </div>
</body>

</html>

＆＃13;

Answer 2

.app__main {
   height:100%;
}

试试这个。这会将'.app__main'类绑定到占用100％的高度。

在嵌套div中使用flexbox获得可用高度

2 个答案: