CSS скрывает полосу прокрутки, если не требуется.

Я пытаюсь выяснить, как я могу скрыть overflow-y:scroll;, если не нужно. Я имею в виду, что я создаю веб-сайт, и у меня есть основная область, в которой будут отображаться сообщения, и я хочу скрыть полосу прокрутки, если содержимое не превышает текущую ширину.

Кроме того, мой второй вопрос. Я хочу сделать это, когда столбцы превышают текущую ширину, ширина будет увеличиваться автоматически, и содержимое не будет выходить за рамки.

Кто-нибудь знает, как это сделать?

Область сообщений:

.content {
    height: 600px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 15px;
    text-align: justify;
    line-height: 19px;
    overflow-y:scroll;
}

Основной контейнер веб-сайта:

.container {
    margin: 0 auto;
    width: 757px;
    margin-top: 30px;
    text-align: center;
}

Ответы

Ответ 1

Задайте свойство overflow-y в auto или полностью удалите свойство, если оно не наследуется.

Здесь является рабочим примером обеих проблем.

Ответ 2

Вы можете использовать overflow:auto;

Вы также можете управлять осью x или y индивидуально с помощью свойств overflow-x и overflow-y.

Пример:

.content {overflow:auto;}
.content {overflow-y:auto;}
.content {overflow-x:auto;}

Ответ 3

Вы можете использовать оба .content и .container для переполнения: auto. Значит, если текст превышает значение, автоматически прокручивается ось x и ось y. (не нужно указывать ось оси x и ось y, обычно дают переполнение: авто)

.content {overflow: auto;}

Ответ 4

.selected-elementClass{
    overflow-y:auto;
}

Ответ 5

.container {переполнение: авто;} добьется цели. Если вы хотите контролировать конкретное направление, вы должны установить авто для этой конкретной оси. A.E.

.container {overflow-y: auto;} .container {overflow-x: hidden;}

Приведенный выше код будет скрывать любое переполнение по оси x и генерировать полосу прокрутки при необходимости на оси y. Но вы должны убедиться, что вы указали высоту по умолчанию, меньшую, чем высота контейнера; в противном случае полоса прокрутки не будет скрыта.