Html 如何填充标记以填充容器内的父div

我启动了一个新的电子项目Angulat 9：使用SCS，目前仍在制作自定义标题栏。这是我的密码：

app.component.html

---

将其高度设置为full，并使其也具有弹性，以允许对其内容进行垂直定位。如果已将其设置为inline block：

html，正文{ 保证金：0； 填充：0； 宽度：100%； 身高：100%； } titlebar先生{ 显示器：flex； 位置：相对位置； 边框：1px纯黑；/*供参考*/ 排名：0； 左：0； 证明内容：之间的空间； 高度：3雷姆； 弯曲方向：行； } .窗口按钮， .后退按钮{ 字号：12号； 字体重量：较轻； -webkit应用程序区域：无拖动； -webkit字体平滑：抗锯齿； 文本呈现：几何精度； 身高：100%； 显示：内联flex！重要； 对齐项目：居中； } .窗口按钮{ 左侧填充：15px； 右侧填充：15px； } .后退按钮{ 左侧填充：17px； 右边填充：17px； } 恢复{ 变换：旋转180度； } 窗 .导航{ 显示器：flex； 对齐项目：居中； } .正常：悬停{ 背景色：rgba0,0,0,0.2； } .危险：悬停{ 背景色：红色； 颜色：白色； } 箭背 电子应用 去除 克鲁普广场 翻转到前面 -> 清楚的

---

将其高度设置为full，并使其也具有弹性，以允许对其内容进行垂直定位。如果已将其设置为inline block：

html，正文{ 保证金：0； 填充：0； 宽度：100%； 身高：100%； } titlebar先生{ 显示器：flex； 位置：相对位置； 边框：1px纯黑；/*供参考*/ 排名：0； 左：0； 证明内容：之间的空间； 高度：3雷姆； 弯曲方向：行； } .窗口按钮， .后退按钮{ 字号：12号； 字体重量：较轻； -webkit应用程序区域：无拖动； -webkit字体平滑：抗锯齿； 文本呈现：几何精度； 身高：100%； 显示：内联flex！重要； 对齐项目：居中； } .窗口按钮{ 左侧填充：15px； 右侧填充：15px； } .后退按钮{ 左侧填充：17px； 右边填充：17px； } 恢复{ 变换：旋转180度； } 窗 .导航{ 显示器：flex； 对齐项目：居中； } .正常：悬停{ 背景色：rgba0,0,0,0.2； } .危险：悬停{ 背景色：红色； 颜色：白色； } 箭背 电子应用 去除 克鲁普广场 翻转到前面 -> 清楚的

---

您可以使用display:flex:

.titlebar a， .窗口a{ 身高：100%； 显示器：flex； 对齐项目：居中； } 以下是工作片段：

html，正文{ 保证金：0； 填充：0； 宽度：100%； 身高：100%； } titlebar先生{ 显示器：flex； 位置：相对位置； 边框：1px纯黑；/*供参考*/ 排名：0； 左：0； 证明内容：之间的空间； 高度：3雷姆； 弯曲方向：行； } .titlebar a， .窗口a{ 身高：100%； 显示器：flex； 对齐项目：居中； } .窗口按钮， .后退按钮{ 字号：12号； 字体重量：较轻； -webkit应用程序区域：无拖动； -webkit字体平滑：抗锯齿； 文本呈现：几何精度； } .窗口按钮{ 左侧填充：15px； 右侧填充：15px； } .后退按钮{ 左侧填充：17px； 右边填充：17px； } 恢复{ 变换：旋转180度； } 窗 .导航{ 显示器：flex； 对齐项目：居中； } .正常：悬停{ 背景色：rgba0,0,0,0.2； } .危险：悬停{ 背景色：红色； 颜色：白色； } 箭背 电子应用 去除 克鲁普广场 翻转到前面 -> 清楚的

---

您可以使用display:flex:

.titlebar a， .窗口a{ 身高：100%； 显示器：flex； 对齐项目：居中； } 以下是工作片段：

html，正文{ 保证金：0； 填充：0； 宽度：100%； 身高：100%； } titlebar先生{ 显示器：flex； 位置：相对位置； 边框：1px纯黑；/*供参考*/ 排名：0； 左：0； 证明内容：之间的空间； 高度：3雷姆； 弯曲方向：行； } .titlebar a， .窗口a{ 身高：100%； 显示器：flex； 对齐项目：居中； } .窗口按钮， .后退按钮{ 字号：12号； 字体重量：较轻； -webkit应用程序区域：无拖动； -webkit字体平滑：抗锯齿； 文本呈现：几何精度； } .窗口按钮{ 左侧填充：15px； 右侧填充：15px； } .后退按钮{ 左侧填充：17px； 右边填充：17px； } 恢复{ 变换：旋转180度； } 窗 .导航{ 显示器：flex； 对齐项目：居中； } .正常：悬停{ 背景色：rgba0,0,0,0.2； } .危险：悬停{ 背景色：红色； 颜色：白色； } 箭背 电子应用 去除 克鲁普广场 翻转到前面 -> 清楚的

---

花了几天时间来解决这个问题，谢谢@LucasFlint花了几天时间来解决这个问题，谢谢@LucasFlint