Css 将基于百分比的高度指定给引导行

如何将

高度
的
15%
分配给引导行

只有当我将高度指定为
15px
时，它才对我起作用，否则我最终的高度为
0
如果您是指将页面高度的15%指定给行，则可以使用视口单位

.my-row {
    height: 15vh;
}

这意味着您的行高是页面高度的15%。
如果对元素使用基于百分比的
高度，则必须在元素的父元素之一上具有固定的高度

如果具有固定高度的图元是直接父图元，则只需要基于目标图元的百分比高度

如果固定高度位于DOM中高于直接父元素的元素上，则需要为目标元素和固定高度元素之间的每个元素指定基于百分比的高度

下面是一个工作示例，使用直接父容器
.container
：


.container{
边框：1px纯黑；
高度：200px；
}
.行{
背景：红色；
高度：20px；
}
.行：第n个类型（2n）{
背景：蓝色；
高度：80%；/*对应于160px，因为160是200的80%*/
}
Awesome；很乐意帮忙！一旦你确认你的问题已经解决，请不要忘记点击投票按钮下方的灰色复选框——这会将其从“未回答问题”队列中删除，并为提问者和回答问题者赢得声誉。你可以在提出任何问题15分钟后这样做。当然，在这样说的时候，你没有义务将我的答案（或其他人的答案）标记为正确，尽管将问题标记为已解决有助于保持事情顺利进行：）