Якщо батьківська висота не встановлена, CSS нічого не робитиме. Ви можете каскадно встановити 100% висоти від тегу body або застосувати якесь фіксоване значення до безпосереднього батька тегу зображення. В обох випадках ми повинні обмежити висоту зображення батьківським класом, інакше жодні зміни не набудуть чинності.24 листопада 2019 р.
Якщо встановлено відносно, висота елемента буде відносно висоти батьківського — якщо встановлено. Якщо висота батьківського елемента не встановлена — висота елемента залишатиметься автоматичною (наприклад, 50% від автоматичного є автоматичним). Тому відносні значення висоти зазвичай не працюють — тому що перед цим мають бути виконані певні умови.
Наприклад, якщо висоту div спочатку встановлено за допомогою чогось на зразок . основний вміст . тіло панелі {висота: 500 пікселів; }, просто пишу. тіло панелі {висота: 700 пікселів; } не вплине на висоту div, оскільки перший стиль сильніше впливає на висоту.
Якщо висота: авто; елемент автоматично відрегулює свою висоту, щоб його вміст відображався правильно. Якщо для висоти встановлено числове значення (наприклад, пікселі, (r)em, відсотки), то якщо вміст не вміщується в межах зазначеної висоти, він переповниться.
Висота % базується на батьківському (тобто ви повинні встановити кожен елемент вище цільового елемента на 100%) , але є кілька обхідних шляхів для цього. Наприклад, ви можете встановити висоту: 100vh; Це створить елемент на 100% висоти вашого вікна. Або ви можете використовувати замість цього px.
Це у ваших генах Іншими словами, ваше тіло росте за власним графіком. Ви не можете побажати собі зростання або витягнутися. Або якщо ти вже високий, ти не можеш нічого зробити, щоб пришвидшити своїх друзів, щоб ти не був найвищим.