Question

我已在父div标签内明确定位了div。问题是，当我调整浏览器窗口大小时，我可以滚动到指定的div位置，这是我不想要的。我尝试使用溢出，它除了完全隐藏div之外什么也没做。我在这里显然遗漏了一些东西。调整浏览器窗口大小时如何隐藏图像？我怎么解决这个问题？

＆＃13;

.Topics__imageContainer {
  position: absolute;
  -webkit-transition: opacity .5s,-webkit-transform .5s;
  transition: opacity .5s,-webkit-transform .5s;
  transition: transform .5s,opacity .5s;
  transition: transform .5s,opacity .5s,-webkit-transform .5s;
}

.Topics__image {
  border-radius: 50%;
  border: 3px solid #fff;
  background-color: #fff;
  box-sizing: content-box;
  overflow-x:hidden;
  display:inline-block;
}

.icon_wrapper_inner{   
  overflow-x: hidden;
  position: relative;
}

＆＃13;

<div class="icon_wrapper_inner">
  <div class="Topics__imageContainer" style="opacity: 1; left: 1380px;  top:268px;">
    <div class="Topics__image Topics__image--far" style="width:50px;height:50px;background:url('http://4hdwallpapers.com/wp-content/uploads/2013/05/Emo-Star-Dekstop-Background-728x546.jpg');background-size:100%">
    </div>
  </div>
</div>

＆＃13;

Answer 1

尝试在CSS中反转隐藏的逻辑。

overflow: hidden;
overflow-y: auto;

Answer 2

我通过在bootstrap.css中添加overflow：hidden in html来修复它。现在溢出被隐藏，因为我调整了浏览器的大小，阻止它滚动。

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow-x:hidden;
}

溢出：隐藏，我在这里做错了什么

2 个答案: