有什么办法可以在引导列类中以百分比（100％）设置图像的高度？

Question

我将在Container-fluid类中创建2列，并在第一列中插入高度和宽度为100％的图像，宽度在起作用，但高度在起作用

bootcamp.html:~

<div class="container-fluid">
<div class="row ">
<div class="col-lg-6 padding-0"><img src="assets/images/2.jpeg" >
</div>
<div class="col-lg-6 padding-0 ">there should be a form </div>
</div>
</div>

bootcamp.css:~

.container-fluid{
height: 100%;
width: 100%;
padding-left: 0px;
padding-right: 0px;
}
.row{
height: 100%;
width: 100%;
margin: 0px;
}
.row .col-lg-6 img {
width: 100%;
height: 100%;
}
.padding-0{
padding-right:0;
padding-left:0;
}

Answer 1

如果您希望容器和其中的图像为屏幕（视口）的100％高度，请使用height:100vh，如Amit所说。

但是，如果您希望父级div的高度为100％（在您的情况下为col-lg-6），则可以将父级的div设为position: relative; height: whatever-you-like，将图片的父级div设为position: absolute; height: 100%; width: 100%;。