Overflow visible causing horizontal scroll

Overflow visible hiba: állítsd be overflow-x: hidden vagy auto a tartályra a nem kívánt scroll elkerüléséhez.

Overflow visible

Hibaüzenet

Overflow visible causing horizontal scroll

Hibás kód

.wrapper { width: 100%; padding: 20px; }
.content { width: 120%; }

Javított kód

.wrapper { width: 100%; padding: 20px; overflow-x: hidden; }
.content { width: 120%; }

Magyarázat

Overflow visible hiba akkor tapasztalható, amikor egy gyermek elem szélesebb, mint a konténer, és a konténer alapértelmezés szerint visible overflownak állítódik, ami vízszintes scrollt eredményezhet. A megoldás, hogy a konténer stílusához hozzáadod: overflow-x: hidden; vagy overflow-x: auto;, attól függően, meg akarod-e jeleníteni a plusz tartalmat görgetéssel.

További információ: MDN – overflow