Как скрыть горизонтальную полосу прокрутки в теге div

У меня есть div с размером x = 540px y = 600px

Я хочу скрыть горизонтальную полосу прокрутки, даже если текст больше размера x.

Как я могу скрыть только горизонтальную полосу прокрутки?

Ответ 1

использовать overflow-x

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

CSS

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

если вы также хотите скрыть вертикальное использование overflow-y: hidden; или для просто overflow: hidden;

Ответ 2

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

Ответ 3

Используйте overflow-x: hidden в теге body, чтобы скрыть горизонтальную полосу прокрутки на всей HTML-странице

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;
}

Ответ 4

Вы также можете прекрасно управлять этим, используя приведенный ниже код

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