Question

在bootstrap中，我将屏幕划分为两行，其中1行占62％，另一行占用。

<style>
    .full-image
    {
      height:62%;
    }
</style>
<body
    <div class="row full-image">
        <div class="col-md-12">
            <img src=".." style="overflow:hidden">
        </div>
    </div>
    <div>
     ....
    </div>
</body>

现在我在row1中的图像溢出并隐藏了row2。有人可以帮我解决这个问题。

Answer 1

https://codepen.io/toastEater/pen/RxQEoj

<style>
.full-image{
  height:62vh; 
  overflow: hidden;
}
</style>

<body>
<div class="row full-image">
  <div class="col-md-12">
    <img src="https://i.imgur.com/YWbnI93.jpg"> 
  </div>
</div>
<div>
  Anything here
</div>   
</body>

如何在行类

1 个答案: