画面が小さいときにスクロールバーを削除する

Question

div（テーブル）を中央に揃えようとしています。以下に示すように、私はスクロールダウン/右のバーを取得、私は余裕と幅を変更し、それが正常に動作しますが、画面が小さい場合：

どのように私はそれを変更できますか？私は最大の高さを入れて、マージン（0に設定）で遊んでみましたが、成功しませんでした。

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

あなたは、これはあなたの問題を削除すると思いますhidden.Iするオーバーフローを設定することができます。

体
{
オーバーフロー：隠されました。
}

注：オーバーフローしてみてください..私はそのためにオーバーフローの問題を取得してきたと思います。