CSS Пропорциональный размер блока - есть ответ

SatelliteAge, 412 просмотров

Доброй ночи)) Суть вопроса в следующем:

Есть некий div

.block (width:30%)

который свободно расположен на странице, а может их вообще 2 или 3. Объем текста внутри не важен.

Нужно чтоб высота этого блока имела пропорции 1 к 2, т.е.

height = width/2

пробовал на jquery : $(".block").css('height', width()/2 ); - почему-то не работает((

Кто знает как реализовать на CSS и JS? Варианты с SASS, LESS, SCSS и т.д. не рассматриваются

Ответы:

slo_nik

попробуйте
var w = $('.block').width()
w = w/2
$(".block").css({'height' : w });
после блока .block
в Вашем варианте вы хотите получить значение высоты, но не известно какого элемента

Картамышев

var elem = $('.block');
elem.height(elem.outerWidth()/2);

12 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.