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

【问题标题】：overflow:hidden, what am i doing wrong here溢出：隐藏，我在这里做错了什么
【发布时间】：2016-10-09 19:35:31
【问题描述】：

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

.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;
}

<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>

【问题讨论】：

为什么要溢出-x？
你在水平滚动，对，否则它会是overflow-y
防止它溢出，防止它向右滚动。
您实际上想通过这种布局实现什么？对我来说，这似乎很老套和强迫
@adeneo 我在这里向右滚动

标签： javascript jquery html css

【解决方案1】：

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

overflow: hidden;
overflow-y: auto;

【讨论】：

【解决方案2】：

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

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

【讨论】：