Question

我想将元素的高度扩展到其父元素的高度的底部。我找不到任何方法或解决方案。这是我的代码。

因此，在child元素上方有一些内容，我希望child元素占据其下方的所有空间。基本上：父元素的其余部分（到其高度的底部）。

我还试图对子元素的高度进行可怕的视觉显示-https://i.imgur.com/jvMUFZT.png（红色区域应为新的高度）。

目前，它只有自己的高度，我在CSS及其元素中添加了padding。

.parent {
  background: #232323;
  height: 500px;
}

h1 {
  color: white
}

.child {
  padding: 50px;
  border: 3px solid red;
}

<div class="parent">
  <h1>*Some other content*</h1>


  <div class="child">
    <h1>*The content of the child element*</h1>
  </div>
</div>

Answer 1

您可以使用CSS Grid轻松完成此操作

In [113]: w, v = np.linalg.eig(A)

In [135]: np.set_printoptions(formatter={'complex_kind': '{:+15.5f}'.format})

In [136]: v
Out[136]: 
array([[-0.40825+0.00000j, +0.24400-0.40702j, +0.24400+0.40702j],
       [-0.40825+0.00000j, -0.41622-0.40702j, -0.41622+0.40702j],
       [-0.81650+0.00000j, -0.66022+0.00000j, -0.66022-0.00000j]])

In [116]: np.real_if_close(np.diag(w))
Out[116]: 
array([[ 4.,  0.,  0.],
       [ 0., -2.,  0.],
       [ 0.,  0., -2.]])

In [112]: np.abs((np.dot(A, v) - np.dot(v, np.diag(w))))
Out[112]: 
array([[4.44089210e-16, 3.72380123e-16, 3.72380123e-16],
       [2.22044605e-16, 4.00296604e-16, 4.00296604e-16],
       [8.88178420e-16, 1.36245817e-15, 1.36245817e-15]])

In [162]: np.abs((np.dot(A, v) - np.dot(v, np.diag(w)))).max()
Out[162]: 1.3624581677742195e-15

In [109]: np.isclose(np.dot(A, v), np.dot(v, np.diag(w))).all()
Out[109]: True

.parent {
  background: #232323;
  height: 500px;
  display: grid;
  grid-template-rows: auto 1fr;
}

h1 {
  color: white
}

.child {
  padding: 50px;
  border: 3px solid red;
}

如何将元素的高度扩展到其父元素的底部

1 个答案: