В чем разница между clientWidth и scrollWidth?

Разница между clientWidth и scrollWidth заключается в том, что они возвращают разные размеры области содержимого элемента. itchief.ru learn.javascript.ru

clientWidth возвращает ширину содержимого элемента и его вертикальных внутренних отступов без полос прокрутки. habr.com

scrollWidth возвращает фактический размер контента, независимо от того, какая его часть в настоящее время видна. softauthor.com Он учитывает внутренние отступы (padding) и содержимое, которое не помещается на экран и требует прокрутки. itchief.ru

Таким образом, clientWidth показывает размер области внутри рамок элемента, а scrollWidth — полную внутреннюю ширину, включая прокрученную, невидимую область элемента. learn.javascript.ru Для элемента без переполнения значения scrollWidth и clientWidth совпадают. habr.com