Как задать высоту нужному блоку, если clearfix не помогает?

Question

[Underdoggit]

Выручайте форумчане, сделал галерею (.production), но она имеет нулевую высоту - такое чувство что на флоутах сделана, хотя в документации написано что флексы и гриды. И из-за этого блок methods заползает под productions, может где ошибку допустил?
https://goreska.github.io/ - проверить блок productions, clearfix не помогает, если применить его к самому jqery плагину - блок занимает нужную высоту, но плагин перестает работать.
Плагин - galereya - vodkabears.github.io/galereya
PS: Вот так задаю clearfix, высота норм, но плагин умирает.

<div class="container-fluid">
			<div class="gallery-wrapper">
				<div id="galleryherepls clearfix">                                        !!!!!!!!
					<img 	src="img/galereya/thumbnails/gal1.jpg"
				            alt="Energy Diet Smart"
				            data-desc="Функциональное питание"
				            data-category="Energy Diet"
				            data-fullsrc="img/galereya/gal1.jpg"
/>

Answer 1

[Василий Варюхин]

У вас в контейнере .galereya-grid только элементы с position: absolute; конечно сам блок при этом нулевой.

Comments

[Underdoggit]

Разве они по логике не должны помещаться в сам .galereya-grid? Он же с position: relative, и по сути в роли контейнера для всех этих эелементов

[Василий Варюхин]

И да на сайте галереи та же проблема.
Контейнер так же нулевой. При размещении информации она так же будет под галереей.

[Василий Варюхин]

Underdoggit, Это так не работает.

[Underdoggit]

Hocopor, недоработка автора? Жаль, попробую конечно придумать что-нибудь, но если не получится, будет обидно, понравилась задумка автора по реализации этой галереи

[Василий Варюхин]

Underdoggit, Могу предложить что-то такое

[Underdoggit]

Hocopor, В нем есть функция фильтрации блоков? Или просто как галерея?

[Василий Варюхин]

Underdoggit, Вы можете ее доработать. Нужно установить контейнеру фактическую высоту. Это можно сделать найдя самый нижний блок и узнав его положение и его высоту остается только сложить эти величины.

Высота контейнера = Позиция нижней границы нижнего блока - Позиция верхней границы контейнера

[Василий Варюхин]

Underdoggit, Это просто легкий плагин который позволяет расположить блоки в стиле pinterest, все остальное достаточно легко сделать самостоятельно.

[Underdoggit]

Hocopor, Займусь этим) отступаться от него не очень охото, нужен был простой плагин с функцией фильтрации. Это был один из самых достойных по визуал\функционал

[Василий Варюхин]

Underdoggit, Это здорово. У вас тут просто. Все блоки одинаковые по высоте поэтому можно просто взять последний блок.

[Underdoggit]

Hocopor, Все получилось, спасибо дружище, задал контейнеру .galereya-grid высоту 1050px,. плюс блоку .methods задал position: relative. Недаюсь при адаптиве ничего не поползет))

[Василий Варюхин]

Underdoggit, Что-то типа

var grid = $('.galereya-grid').first();
var lastBlock = grid.find('.galereya-cell:last-child');
var positionBlock = lastBlock.offset();
var positionGrid = grid.offset();
var height = positionBlock.top + lastBlock.height() - positionGrid.top;

grid.height(height);

[Василий Варюхин]

Underdoggit, А если блок будет 1?