overflow: какво става с текста извън кутията

Полезно е да знаеш

overflow управлява съдържанието, което излиза извън кутията на елемент. При visible то може да се вижда отвън, при hidden се изрязва, а auto позволява превъртане, когато е необходимо. Свойството има значение, когато размерите или други ограничения създават препълване. [1]

Представи си панел с height: 180px; и дълъг списък. overflow: auto; позволява да достигнеш последните редове чрез превъртане. overflow: hidden; може да ги скрие от поглед, без да направи списъка по-кратък. Затова скриването не е решение за липсваща навигация към останалото съдържание.

За проблем само по хоризонтала и вертикала могат да се задават overflow-x и overflow-y. Преди да добавяш скриване към цялата страница, открий кой елемент излиза извън нея: дълъг адрес, таблица или прекалено широка снимка изискват различни промени.