Skip to content

Commit 2f4282e

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 26dc0c8 commit 2f4282e

1 file changed

Lines changed: 1 addition & 1 deletion

File tree

  • 2-ui/1-document/09-size-and-scroll/6-width-vs-clientwidth

2-ui/1-document/09-size-and-scroll/6-width-vs-clientwidth/solution.md

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

0 commit comments

Comments
 (0)