主页 / 问题 / 1334950
Accepted
Lex
Asked:2022-10-04 22:12:33 +0000 UTC2022-10-04 22:12:33 +0000 UTC

将绝对元素的高度拉伸到父元素的 100% [关闭]

  • 772

我正在制作一个应该始终占据父级 100% 的网格。定位绝对，但只要内容不超出窗口就可以工作，如果有滚动，则网格不会到达底部边缘。当然，我可以用js设置想要的高度，但这是一个极端的情况，我应该认为有办法修复这个css。我通过高度、最小高度、用 flex 拉伸的所有选项进行了排序，但仍然不是 100% 的父级不能拉伸。

这是一个示例的链接，我们正在谈论垂直的红线。

https://stackblitz.com/edit/angular-ivy-35b42b?file=src/app/core/core.component.css

css

1 个回答

  1. Best Answer

    以你想要的方式工作在此处输入图像描述

    .wrap{
  position: absolute;
  min-height: 100vh
}
    <div class="header">Header Core</div>
<div class="wrapper">
  <div class="wrap">
    <div class="grids">
      <div class="grid" *ngFor="let item of intervals">{{ item }}</div>
    </div>
    <ul class="list">
      <!-- <li *ngFor="let row of dataShort; let i = index"> -->
      <li *ngFor="let row of dataLong; let i = index">
        <div class="menu">
          <div class="name">{{ row.name }}</div>
        </div>
      </li>
    </ul>
  </div>
</div>

    • 0

相关问题