这是我目前的情况:https://codepen.io/nkloeffel/pen/WNKzqNR在此示例中,图像嵌套在多个div中:
<div class="left">
<div>
<div>
<div>
<div>
<img src="https://via.placeholder.com/500X400" />
</div>
</div>
</div>
</div>
</div>
该图像应采用100%的高度,就像它所做的那样,如果它是第一个子对象,请参见此处:https://codepen.io/nkloeffel/pen/JjBLQKx
我不能为每个嵌套的div设置100%的高度,那么最简单的方法是什么呢?
1条答案
按热度按时间new9mtju1#
最简单的(但不一定是最健壮的)方法是添加下面的css,使. left下面的子div扩展以填充父div,然后图像将填充其父div
这里还有一个选项。我注意到你试图设置flex:1添加到. left div的子级,而不将. left声明为display:flex。我已经创建了所有. left的子项flex项,使用现有flex:1规则,具有相同的效果。
一个二个一个一个