css - Getting child div columns to inherit height of the tallest column / fill entire parent height -
site can seen here: http://storagestaging.com/pricing/
question regards 4 column pricing grid.
i have 4 column pricing grid. each column has different height (due more or less content). i'd 4 columns fill entire length of tallest column / fill entire parent div.
i've tried display: table , display:table-cell, , adding height=100% parent , child divs. closer, make worse. appreciated.
thanks!
in case decide use divs, js (this jquery version, if need vanilla js lemme know) solution possible:
var max = 0; $('.mydiv').each(function() { if ($(this).height() > max) max = $(this).height(); }); $('.mydiv').css('height', max + ' px');
Comments
Post a Comment