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

Question

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

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

Answer 1

используйте overflow-x

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

CSS:

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

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

Answer 2

Используйте 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;
}

Answer 3

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

Answer 4

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

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