Чем отличаются значения overflow: hidden и overflow: visible в CSS?

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

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

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

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