Wie Scrollbalken zu meinem HTML hinzuzufügen, wenn der Inhalt verschwinden kleiner als der Grenzwert ist

Question

Ich versuche, ein Formular zu erstellen, das eine erweiterbare widget hat. Das Problem ist, dass, wenn das Widget geöffnet ist, die Form außerhalb der Grenze in der Content-Box erstreckt, und es sieht schlecht aus.

Ich habe versucht overflow:scroll verwenden, aber es schafft zwei hässliche Bildlaufleisten, die nicht einmal verschwinden, wenn die conent kleiner als der Content-Box ist. Ich brauche nur eine vertikale Bildlaufleiste.

Visual Studio alarmierte auch, dass Überlauf-y in CSS nicht verfügbar ist.

Answer 1

ändern Sie Ihren Überlauf auto und der Höhe und / oder Breite des Elements zu definieren.

Answer 2

overflow-x und overflow-y Teil des CSS3 Vorschlags ist, und die Arbeit in allen aktuellen Versionen der vier großen Browser.

ich in der Regel tun:

overflow: auto;
overflow-x: auto;
overflow-y: auto;

Der Grund dafür ist, dass manchmal Browser overflow: auto als overflow: scroll (zwei hässliche Scrollbalken), sobald Inhalt überläuft in eine Richtung zu behandeln, aber der Browser bereits overflow-x und overflow-y unterstützen, der Vorrang erhalten.

Answer 3

Swilliams gab eine gute Antwort auf die Frage, wie das Symptom zu behandeln. Aber möchten Sie vielleicht über die Ursache denken, auch - wenn der Content-Box nicht auf eine feste Größe beschränkt waren, konnten sie schrumpfen und / oder erweitern jede Größe Form passen, ohne Scrollbalken. Web-Seiten sind flexibel durch Design und versuchen, zu „reparieren“, dass die Flexibilität der Regel am Ende Probleme dieser Art ausgeführt wird.