У меня есть div, который я хочу иметь следующие характеристики:

Ширина = 50% его родительского элементаВысота равна тому, что должно быть, чтобы поддерживать определенное соотношение сторон.

Мне нужно использовать проценты, потому что размер объекта будет изменяться влево-вправо при изменении размера браузера. Я хочу, чтобы размер объекта был изменен сверху вниз, чтобы объект сохранял такое же соотношение сторон.

Я нене думаю, что тамЕсть ли способ использовать чистый CSS для этого, но кто-нибудь знает способ? В качестве альтернативы, есть ли простой способ JavaScript сделать это? (JQuery в порядке.)