В настоящее время я настраиваю некоторые плитки, которые используют flexbox, и предназначены для того, чтобы занять всю высоту самой высокой плитки.
Я использую следующий код на контейнере для плиток:
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
Я попробовал свою реализацию в последней версии Safari, Chrome и FF, где все работает так, как ожидалось. Однако, когда я пробую его в safari 8, плитки не занимают всю высоту самой высокой плитки.
Я проверил http://caniuse.com / и flexbox должен поддерживаться префиксами в Safari 8.
См. кодовое перо здесь: http://codepen.io/fennefoss/pen/WoqBqq
Поскольку вы используете абсолютный расположенный элемент внизу, вам
promotion__boxнужно учитывать его пространство, здесь сделано с дополнительной прокладкойОбновленный codepen
Пример фрагмента