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

Пользователь

от buster , в категории: HTML/CSS , 8 месяцев назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от mona_terry , 7 месяцев назад

@buster 

Вы можете использовать JavaScript для установки высоты div в зависимости от его ширины. Для этого вам нужно получить ширину элемента div, вычислить высоту на основе этого значения и установить вычисленное значение высоты в свойство height элемента div.


Например, предположим, что у вас есть div с id="myDiv". Вы можете использовать следующий JavaScript-код для установки высоты div в зависимости от его ширины:

1
2
3
4
5
const myDiv = document.getElementById("myDiv");
const width = myDiv.offsetWidth;
const height = width * 0.5; // Например, высота равна половине ширины

myDiv.style.height = height + "px";


Этот код получает ширину элемента div, вычисляет высоту, устанавливает ее в свойство height элемента div.


Вы можете изменить формулу для вычисления высоты в зависимости от ваших потребностей. Например, вы можете установить высоту равной ширине, умноженной на коэффициент, или наоборот - ширину, равную высоте, деленную на коэффициент.