我试图从页面上删除滚动条，我不明白我做错了什么

Question

我希望页面看起来像第二个图像。我认为通过溢出就足以隐藏图像的其余部分

结果如下：

这就是我想要的

＆＃13;

＆＃13;

.bgMentor{
	height: 100%;
	width: 100%;
	overflow:hidden;
	position:absolute;

  }
  
  .bgMentor img{
  	min-width: 100%;
	min-height: 100%;
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: auto;
	height: auto;
  }

＆＃13;

<div class="bgMentor">
	    		<img class="img-responsive" src="{{Storage::url('img/getamentor.png')}}"> 
	    	</div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

尝试使用overflow-y: hidden;而非overflow:;。如果这不起作用，请尝试将<Img>直接放入正文并使用class=“bgMentor”对其进行样式化。

Answer 2

尝试为您的位置添加顶部和左侧值：绝对元素

.bgMentor{
    height: 100%;
    width: 100%;
    overflow:hidden;
    position:absolute;


    top: 0;
    left: 0;
  }