将高度 100% 应用于所有 parent 个元素

Question

我正在尝试让主页中的 div 填充 100% 的高度。我尝试了不同的解决方案，例如将 height: 100% 应用于 body 或所有 divs 等，但 none 有效。

将不胜感激。

提前致谢。

[编辑]
我将 height: 100% 应用于 #__docusaurus 并解决了高度但现在它这样做了：https://i.stack.imgur.com/TohTP.png

Answer 1

这是主页中的填充。

导航到 ./src/components/ 并打开 HomepageFeatures.js。

在此文件中，查找 .features { 并删除行 padding: 2rem 0;.

Answer 2

已解决。我没有使用 100% 的高度，但我应用了以下 css:

.parent { // For docusaurus/me its .main-wrapper
  display: flex;
  flex-direction: column;
}

.child { // For me its the feature section that can be seen in the images posted
  flex-grow: 1
}

我还从 child 和 parent

中删除了高度：100%

将高度 100% 应用于所有 parent 个元素

Apply height 100% to all parent elements

html

css

docusaurus