Как изменить размер div с другим родным div в JavaScript?

Question

Я хочу знать теорию https://codepen.io / pen HTML, CSS и JS изменения размера окна. Как Крис Койер сделал это, используя javascript? Я хорошо знаю события.

Когда я изменяю размер поля CSS и, если он обернут, он также изменяет размер поля javascript! Используют ли они смещение при изменении ширины поля?

Хотя это простой трюк, я думаю, но после многих поисков в Google или YouTube они просто показывают один элемент изменения размера, я не нашел идеальное / нормальное решение.

[ЗАМЕЧАНИЯ]

1. Это только для целей обучения, я просто хочу знать, как.
2. Я не хочу куча кодов, но идея, которая может быть полезна для меня.

Answer 1

Если ширина какого-либо из ячеек становится равной 0, тогда следует уменьшить ширину правого или левого одноуровневого бокса, где пользователь изменяет размеры.

1. Вы можете использовать width, чтобы сделать это легко
2. Offset также может быть полезным

Answer 2

Разве это не просто HTML поле, изменяющее свою ширину, которое приводит к уменьшению ширины контейнера JS?

80% - 0% - 20%
90% - 0% - 10%

Редактировать:
Я полагаю, вы изменяете размер только контейнера HTML или JS.

Если вы измените размер контейнера JS с правой стороны, он откроет CSS (брат слева)
Если вы измените размер HTML контейнера с левой стороны (уменьшив его размер) затем вы также изменяете размер одного и того же брата справа, чтобы он соответствовал пространству.