web-dev-qa-db-ja.com

divタグで水平スクロールバーを非表示にする方法

サイズx = 540px y = 600pxのdivがあります

テキストがxサイズより大きい場合でも、水平スクロールバーを非表示にしたい。

水平スクロールバーだけを非表示にするにはどうすればよいですか?

13
ngmajid

オーバーフローを使用-x

<div class="MyDivClass"></div>

CSS:

.MyDivClass {
    height: 600px;
    width: 540px;
    overflow-x: hidden;
}

垂直方向も非表示にする場合は、overflow-y: hidden;または両方の場合はoverflow: hidden;

20
rob waminal
.MyDivClass {
    height: 600px;
    width: 540px;
    overflow-x: hidden;
}
1
user1685515

- 使用する overflow-x: hidden HTMLページ全体で水平スクロールバーを非表示にするbodyタグ内

body {
    background: none repeat scroll 0 0 #757575;
    font: 100%/1.4 Verdana,Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
    height: 600px;
    width: 540px;
    overflow-x: hidden;
}
1

以下のコードを使用して、それをうまく制御することもできます

.div{
    width: 540;
    height: 600px;
    overflow: scroll;
    overflow-x: hidden;
}
0
Alilu TAhiru