Разница между overflow: hidden и clip в CSS заключается в поведении при переполнении блока. 2

overflow: hidden означает, что содержимое, выходящее за пределы «родительского» блока, обрезается по его границам без прокрутки. 4 При этом значение позволяет программную прокрутку, то есть технически блок является контейнером для прокрутки. 1

overflow: clip похож на hidden: содержимое также обрезается до блока подгонки элемента. 2 Однако в отличие от hidden, clip запрещает любую прокрутку, включая программную. 23 Таким образом, блок с значением clip не является контейнером для прокрутки. 1

Кроме того, clip рассчитывает границы родительского блока с учётом внутренних отступов. 4