Entfernen Sie die Bildlaufleisten, wenn der Bildschirm klein ist

Question

Ich habe versucht, die div (Tabelle) zu zentrieren. Ich habe die Marge und die Breite und es funktioniert gut, aber wenn der Bildschirm klein ist, erhalte ich die nach unten scrollen/rechts bar, wie unten dargestellt:

Wie kann ich das ändern? Ich habe versucht, eine maximale Höhe und spielen mit den Rändern (auf 0 gesetzt), aber ohne Erfolg.

HTML:

<div class="container"> 
<div class="table"> 
<h3 class="table-title basic-title">####</h3> 
<ul class="table-list"> 
<li></li> 
<li></li> 
</ul> 
<div class="price"></div> 
<a class="buy basic" href="#">MORE</a></div> 
</div> 

CSS:

.container { 
    max-height: 465px; 
} 

.table { 
    position: relative; 
    width: 50%; 
    max-width: 320px; 
    min-width: 270px; 
    margin: 30px auto; 
    background: #fff; 
    text-align: center; 
    height: auto; 
    margin-bottom: 90px; 
    -webkit-transition: all .3s linear; 
    transition: all .3s linear; 
} 

Answer 1

Sie können Überlauf auf hidden.I denke, das ist Ihr Problem zu entfernen.

Körper
{
overflow: hidden;
}

Hinweis: Versuchen Überlauf .. Ich denke, sein wegen Überlauf Sie das Problem zu haben bekommen.