如何在不定义静态高度的情况下使所有元素具有相同的高度?
[
<div class="row">
<div class="col-sm-12 col-md-5 flex-center" style="border:1px solid red;">
<div class="md-form">
<select class="browser-default custom-select" mdbInput mdbValidate >
<option >CAMBIARR esta joda</option>
</select>
</div>
</div>
<div class="col-sm-12 col-md-1 flex-center" style="border:1px solid red;height: 100%;">
<div style="height: 100%;">
holi
</div>
</div>
<div class="col-sm-12 col-md-5" style="border:1px solid red;">
<div class="md-form m-0 p-0 flex-center mt-3">
<div class="form-check">
<input type="radio" class="form-check-input" id="creacion" name="creacion_soporte" mdbInputDirective>
<label class="form-check-label" for="creacion">Creación</label>
</div>
<div class="form-check" >
<input type="radio" class="form-check-input" id="soporte" name="creacion_soporte" mdbInputDirective>
<label class="form-check-label" for="soporte">Soporte</label>
</div>
</div>
</div>
</div>
答案 0 :(得分:2)
如果您使用flex-box,或者将Bootstrap 4与使用flex-box的新网格系统一起使用(请参见https://getbootstrap.com/docs/4.2/layout/grid/),将会得到预期的结果。 height: 100%
对浮动元素无效。