Як у CSS зробити висоту рівною ширині?
Прямий зв'язок у CSS між width та height немає, і немає можливості задати aspect ratio контейнера замість одного з параметрів або використовувати якусь функцію, тому часто вдаються до допомоги js. Для цього відстежують зміну розмірів контейнера або всього вікна, перераховуючи висоту контейнера при кожній такій події.
Як встановити ширину та висоту блоку CSS?
Для зміни алгоритму підрахунку ширини та висоти блоку застосовується властивість box-sizing із значенням border-box. Після додавання цієї властивості до блоку значення width включає padding і border (але не margin). Таким чином, властивість width задаватиме ширину всього блоку, а не вмісту як раніше.