Значения overflow: hidden и overflow: visible в CSS отличаются тем, как браузер будет обрабатывать содержимое, которое выходит за границы блока. 13

overflow: hidden скрывает содержимое, которое вышло за границы блока. 1 Отображается только область внутри элемента, остальное будет скрыто. 2

overflow: visible не скрывает содержимое, которое вышло за границы блока. 1 Отображается всё содержание элемента, даже за пределами установленной высоты и ширины. 2 Это значение по умолчанию. 2

Таким образом, при overflow: hidden содержимое, выходящее за пределы родительского блока, обрезается по его границам без прокрутки, а при overflow: visible содержимое отображается снаружи родительского блока, если его размеры больше размеров «родительского» блока. 3