Warum ein Überlauf: auto scrollbar Breite aus meinem div nehmen?

Ich habe eine absolut positioniert div, mit overflow:auto.Warum ein Überlauf: auto scrollbar Breite aus meinem div nehmen?

Wenn es vertikal überläuft, wird eine vertikale Bildlaufleiste angezeigt. Dies erscheint innerhalb meiner div (obwohl es nicht feste Breite ist), die den verfügbaren Speicherplatz für den Inhalt der div verkleinert. In meinem Fall wird der Text unnötig umgebrochen, was unerwünscht ist.

Siehe https://jsfiddle.net/hktgcrj0/ - verkleinern Sie die Seite, bis die div überläuft und die Bildlaufleiste erscheint - Sie werden den Textumbruch sehen.

Gibt es eine Möglichkeit die Scrollbar außerhalb des div, oder erhöhen Sie die Breite des div erscheinen lassen die Bildlaufleiste unterbringen?

Beachten Sie, dass für meine Anwendung (die Geige ist massiv vereinfacht) gibt das div eine feste Breite ist keine Option, und Deaktivieren von Textumbruch ist auch keine Option.

Quelle

2016-07-19 stripybadger

Verwandte: http://stackoverflow.com/questions/13054797/how-to-prevent-a-webkit-scrollbar-from-pushing-over-the-contents-of-a-div – jfrej

@jfrej ich glaube nicht, Es ist verwandt. überprüfen Sie die Frage, er fragt, dass er keine feste Zahl für die Breite verwenden möchte. – tejpal

Versuche Zugabe:

div { white-space: nowrap; }

oder die inneren Elemente in <p> Tags wickeln und white-space: nowrap; zu, dass anzuwenden.

Quelle

2016-07-19 12:18:07 Toby

Ich habe gesagt, dass die Deaktivierung von Textumbruch keine Option ist. – stripybadger

Sie möchten, dass der Text umbrochen wird, aber nicht basierend auf dem zusätzlichen Platz, den die Bildlaufleiste belegt? Ich denke, ich bin mir nicht sicher, was genau du erreichen willst - wenn die Bildlaufleiste außerhalb des Bereichs liegt, wird sie ausgeblendet, wenn die Fensterbreite der Breite des Bereichs entspricht. – Toby

Der Bereich wird eine maximale Größe haben diktiert durch einige andere Einschränkungen. Wenn es den Maximalwert erreicht, möchte ich, dass der Text umbrochen wird. Wenn der div diesen Höchstwert nicht erreicht, möchte ich nicht, dass der Code umbrochen wird. Hilft das? Wenn das, wonach ich frage, dumm ist, dann bin ich froh, dass jemand darauf hinweist. – stripybadger

Warum ein Überlauf: auto scrollbar Breite aus meinem div nehmen?

Antwort

Verwandte Themen