あなたは
#wrapper {
height: 300px;
overflow-x: hidden;
overflow-y: auto;
}
の代わりに、またはoverflow-x: hidden
、に加えて、あなたはoverflow-y: hidden
を使用する必要がありますがあります。
あなたのために働いていない場合、あなたは間違ったことをしています。
<!DOCTYPE html>
<html>
<head>
<style>
div {
border:solid 1px red;
height:128px;
overflow-y:hidden;
}
</style>
</head>
<body>
<div>
<table>
<tr><td>X</td></tr>
<tr><td>X</td></tr>
<tr><td>X</td></tr>
<tr><td>X</td></tr>
<tr><td>X</td></tr>
<tr><td>X</td></tr>
<tr><td>X</td></tr>
<tr><td>X</td></tr>
<tr><td>X</td></tr>
<tr><td>X</td></tr>
<tr><td>X</td></tr>
<tr><td>X</td></tr>
<tr><td>X</td></tr>
<tr><td>X</td></tr>
<tr><td>X</td></tr>
<tr><td>X</td></tr>
<tr><td>X</td></tr>
<tr><td>X</td></tr>
</table>
</div>
</body>
</html>
期待通りに動作するようですか?オーバフローをスクロールバーなしで隠すには、 'overflow-y:auto'を' overflow-y:hidden'に変更する必要があります。 – Cfreak
@Cfreakは動作していませんか?デベロッパーコンソールでテーブルを調べてください。http://i.imgur.com/tW16LVf.png – user2980081
私は自分の例でそれを変更しましたが、うまくいきました。他のコードで実行している場合は、何か間違っています。 – Cfreak