overflow-x: hidden; funkt nicht bei Codezeilen

[Rolf B]

Hallo Bimmelbeule,

Nummerierung

Oh. Verflixt. Die befindet sich ja ebenfalls im overflow-Bereich. Notlösung wäre ein div im li, das den Inhalt aufnimmt, und für das Du overflow:hidden setzt.

Ob für <code> ein max-width:100% zusammen mit overflow-x hidden funktioniert, könnte man auch probieren. Wenn dein code-Element margin hat, musst Du den von den 100% abziehen (mit calc(100% - 0.5em) oder so) oder drauf verzichten. Wenn dein code-Element Padding hat, brauchst Du das nicht abzuziehen. Dafür setze box-sizing:border-box.

Was anderes fällt mir jetzt nicht ein, außer vielleicht noch generell Block-Code (display:block) zu verwenden und damit ein paar inline-Problemem aus dem Weg zu gehen.

Rolf