Как вытащить высоту родителя для каждого потомка?

Question

[Александр]

На странице есть колонки с новостями. Требуется выравнивать высоту всех колонок в одном ряду-строке. Вопрос в том как это можно грамотнее реализовать.

Answer 1

[Andrew]

Например так: jsfiddle.net/rcadp4mz

Answer 2

[Илья Воропаев]

Без примера того, что есть и что должно получиться судить сложно.
Варианты:
1) для всех новостей прописать в стилях одну высоту, можно с ограничениями типа

.news-item{
    height: 200px;
    min-height: 180px;
    max-height: 220px;
}

2) если у вас для каждого ряда есть контейнер т.е. что-то типа

<div class="news">
	<div class="news-row">
		<div class="news-item">
			новость
		</div>
		<div class="news-item">
			новость
		</div>
		<div class="news-item">
			новость
		</div>
	</div>
	<div class="news-row">
		<div class="news-item">
			новость
		</div>
		<div class="news-item">
			новость
		</div>
		<div class="news-item">
			новость
		</div>
	</div>
</div>

то можно на js/jquery в цикле перебрать их выставить высоту, примерно так jquery.page2page.ru/index.php5/%D0%92%D1%8B%D1%80%...

Comments

[Александр]

да, только скриптом, там bootstrap блоки