Как я могу расширить ячейку, чтобы занять всю строку в структуре сетки, используя CSS? ⇐ CSS

[Anonymous]

Моя страница выглядит примерно так

Код: Выделить всё

|  A  |  C  |
|-----|     |
|  B  |     |
|-----|-----|

Постановка проблемы: как расширить div B, чтобы занять всю строку Только если высота div A равна высоте div C ?
По сути... структура должна быть такой, как показано на изображении ( только если height(A) == height(c) )

Код: Выделить всё

|  A  |  C  |
|-----|-----|
|     B     |
|-----------|

Проблема с первой структурой заключается в том, что, поскольку элемент div C создается путем объединения двух вертикальных ячеек, в результате его высота становится динамической (зависит от A и B)... В результате B никогда не получит возможности расширить всю строку.
Я также попробовал вывести C из структуры сетки, чтобы его высота стала независимой. из A и B... Но это также не сработало, поскольку останется только один столбец, поэтому B некуда расширяться.может ли кто-нибудь помочь мне, как добиться желаемого поведения?

Подробнее здесь: https://stackoverflow.com/questions/786 ... -using-css