CSS Scrollleiste ausblenden, wenn nicht benötigt

Question

Ich versuche herauszufinden, wie ich das overflow-y:scroll; ausblenden kann, wenn es nicht benötigt wird. Was ich meine ist, dass ich eine Website baue und einen Hauptbereich habe, in dem Beiträge angezeigt werden, und ich möchte die Scrollleiste ausblenden, wenn der Inhalt nicht breiter ist.

Außerdem meine zweite Frage. Ich möchte es so machen, dass wenn die Beiträge die aktuelle Breite überschreiten, die Breite automatisch erhöht wird und der Inhalt nicht aus dem Kasten herausgeht.

Hat jemand eine Idee, wie das gemacht werden kann?

Beitragsbereich:

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

Hauptwebsite-Container:

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

Answer 1

Setzen Sie die overflow-y-Eigenschaft auf auto oder entfernen Sie die Eigenschaft vollständig, wenn sie nicht geerbt wird.

Answer 2

Sie können overflow:auto; verwenden

Sie können auch die x- oder y-Achse separat mit den Eigenschaften overflow-x und overflow-y steuern.

Beispiel:

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

Answer 3

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

Answer 4

Overflow:auto; wird verwendet, um die automatische Scrollleiste anzuzeigen

Answer 5

Sie können sowohl .content als auch .container verwenden, um overflow:auto zu erreichen. Das bedeutet, dass bei Überschreiten des Textes automatisch ein Scrollbalken in x- und y-Achse erscheint. (es ist nicht notwendig, separat x-Achse und y-Achse anzugeben, geben Sie overflow:auto allgemein an)

.content {overflow:auto;}