Как растянуть div

[SnowWind]

Как в этом случае сделать резиновым по высоте тэг div.a2?

код

Edited March 2, 2016 by SnowWind

[Great Rash]

В этом случае никак. Для начала вам надо определиться под какие браузеры вы хотите получить работоспособность. А затем, в зависимости от того какие вы выбрали использовать:

1) display: table;/display: table-cell;
2) display: flex;
3) JavaScript
4) хаки

[alejandro13]

Если вам просто нужно, чтобы фон у дива с классом a2 растягивался по всей высоте, то можно этот фон просто дать родителю

https://jsfiddle.net/8zwc9pfb/

[Highlander]

Если топик-стартер не против, то спрошу в его теме (дабы не плодить новых).

Есть хтмл с height:100% и max-width:1000px; , в нем есть два дива во флекс контейнере, у этих контейнеров есть бекграунд картинки размерами 700*200px.

 

Необходимо, чтобы на экране >1000px эти два блока занимали по 50% ширины флекс обертки (500px) и высоте равной пропорционально уменьшенной высоте фоновой картинки. А если размер экрана тянут вниз, то соответственно масштабировались дивы в сторону уменьшения.  

 

В центре этих блоков тексты из двух слов у каждого, они же ссылки. 
 

В первую очередь интересна возможность на чистом CSS, потом уже скриптовая (если единственно возможный вариант). 

Как только уже не изощрялся, в ширину нормально растягивает фон, и пропорционально уменьшается как нужно. Но упорно дивы не хотят растягиваться фоновыми изображениями, ни через contain  ни через cover. Если выставляю фиксированную высоту, тогда да, но в этом случае блоки не масштабируются. Если min max, то уменьшается картинка до размера текста. 

Как заставить див растянуть свою высоту по размеру высоты фонового изображения без статических единиц?

 

PS Пока единственный вариант это задавать тексту в блоке падинги в %, предварительно подобрав примерные значения для получения нужной высоты. 

Edited March 8, 2016 by Highlander