扩大孩子的身高填补父母的分区

我有一个父母col与它的高度基于视口，我有3行作为孩子。扩大孩子的身高填补父母的分区

父母的高度应该分开为每个孩子，以便他们采取父母可用空间的相等部分。

给予height: 33%是超级跛脚，我无法找到一个正确的做法。

<div class="col-md-12" style="height: 25vh;"> 
    <div class="row"> 
    <!--Content--> 
    </div> 
    <div class="row"> 
    <!--Content--> 
    </div> 
    <div class="row"> 
    <!--Content--> 
    </div> 
</div>

问题可能是重复的，但我不知道如何正确地表达我的请求。

来源

2017-09-05 Quentin Laillé

为什么你认为这是不正确的？我认为这可能适用于33％的宽度。 –

它可能，但我很确定考虑它的Web架构，有一种方法可以在没有数字输入的情况下占用100％的空间。 –

.box{ 
 
    display: flex; 
 
    flex-direction: column; 
 
    border: 1px solid red; 
 
} 
 

 
.row{ 
 
    background: gray; 
 
    margin: 1px 0px; 
 
    flex: 1; 
 
}

<div class="col-md-12 box" style="height: 25vh;"> 
 
    <div class="row"> 
 
    <!--Content--> 
 
    </div> 
 
    <div class="row"> 
 
    <!--Content--> 
 
    </div> 
 
    <div class="row"> 
 
    <!--Content--> 
 
    </div> 
 
</div>

尝试使用display:flex

来源

2017-09-05 08:25:12 zynkn

就是这样，我现在只需要在我身边定义子女的身高，但它的直截了当，谢谢！ –

@QuentinLaillé这是我的荣幸:) – zynkn

扩大孩子的身高填补父母的分区

回答

相关问题