Überlauf: versteckt, was mache ich hier falsch

Question

Ich habe divs explizit positioniert, in einem Elternteil Div-Tag. Die Sache ist, wenn ich die Größe meines Browser-Fensters ändere, kann ich zu der angegebenen Div-Position scrollen, die ich nicht möchte. Ich habe versucht mit Überlauf und es tut irgendwie nichts anderes als das div vollständig zu verstecken. Mir fehlt hier eindeutig etwas. Wie kann ich das Bild ausblenden, wenn ich die Größe meines Browserfensters ändere? Wie kann ich das lösen?

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

Answer 1

Versuchen Sie, die versteckte Logik in der CSS-Umkehr.

overflow: hidden; 
overflow-y: auto; 

Answer 2

Ich reparierte es durch Hinzufügen von Überlauf: versteckt in HTML in bootstrap.css. Jetzt ist der Überlauf ausgeblendet, da ich die Größe meines Browsers verändere, um zu verhindern, dass er scrollt.

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