Skip to content

Commit 5486ed3

Browse files
dandgersonlex111
andauthored
Update 2-ui/1-document/09-size-and-scroll/6-width-vs-clientwidth/solution.md
Co-Authored-By: Alexey Pyltsyn <lex61rus@gmail.com>
1 parent a9b3fab commit 5486ed3

1 file changed

Lines changed: 1 addition & 1 deletion

File tree

  • 2-ui/1-document/09-size-and-scroll/6-width-vs-clientwidth
Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
Отличия:
22

33
1. `clientWidth` возвращает число, а `getComputedStyle(elem).width` - строку с `px` на конце.
4-
2. `getComputedStyle` не всегда даст ширину, он может вернуть, к примеру, `"auto"` для инлайнового элемента.
4+
2. `getComputedStyle` не всегда даст ширину, он может вернуть, к примеру, `"auto"` для строчного элемента.
55
3. `clientWidth` соответствует внутренней видимой области элемента, включая внутренние отступы (padding), а CSS-ширина width (при стандартном значении `box-sizing`) соответствует внутренней видимой области *без внутренних отступов*.
66
4. Если есть полоса прокрутки, и для неё зарезервировано место, то некоторые браузеры вычитают его из CSS-ширины width (т.к. оно больше недоступно для содержимого), а некоторые - нет. Свойство `clientWidth` всегда ведёт себя одинаково: оно всегда обозначает размер за вычетом прокрутки, т.е. реально доступный для содержимого.

0 commit comments

Comments
 (0)