Где бы я ни находился в Интернете, я постоянно избиваю меня, что я не должен использовать Таблицы. К сожалению, я один из немногих программистов, которые достаточно упрямы, чтобы их использовать. Я откровенно считаю, что функции выравнивания и компоновки CSS неадекватно сильны для меня, холодная индейка, перестают использовать таблицы. Когда мои личные особенности программиста отложены, я хотел бы попытаться атаковать одно из моих основных недовольств системой CSS:

Скажем, я хочу иметь такой макет:

+---+---+
| A | B |
+---+---+
| C | D |
+---+---+

В приведенном выше примере я хотел бы, чтобы ширина A и C была одинаковой, а ширины B и D оставались неизменными.

Мне также хотелось бы, чтобы высоты A и B оставались заблокированными вместе, и я хотел бы, чтобы высоты C и D оставались одинаковыми друг с другом.

Чтобы уточнить, если какой-либо элемент в столбце становится шире, я бы хотел, чтобы все элементы в этом столбце расширялись. И если какой-либо элемент в строке становится выше, я снова хочу, чтобы все элементы в той же самой строке также расширялись.

То, что я только что описал, - это точная функциональность нашего старого друга, таблицы. На мой взгляд, таблицы очень полезны для таких макетов! Если бы я попытался что-то похожее на использование макетов CSS, я мог бы получить что-то вроде этого:

+-------+---+
|   A   | B |
+---*---*---+
| C |   D   |
+---+-------+

Который бы не стал тем макетом, который я ищу. (A и C создают неровные столбцы, а не идеальные гладкие столбцы, как я бы предпочел)

Чтобы просто поставить мою проблему, я мог бы действительно использовать способ, используя макеты CSS (и НЕ предопределенные ширины или высоты), выравнивая положение края одного поля CSS, до положения края другого блока CSS, Если CSS поддерживал эту простую функцию, я мог бы мгновенно отпустить таблицы навсегда и создать макеты помимо возможностей таблиц! Хорошим, но бесполезным примером такой мощности были бы два несвязанных коробки на противоположных сторонах таблицы, динамически разделяющие ровно одну и ту же высоту и вертикальное положение друг с другом.

Но, к сожалению, в моих поисковых запросах по всему Интернету самое продвинутое выравнивание, которое я нашел до сих пор, это выравнивание по центру, слева и справа. Все типы выравнивания, которые не относятся к ДРУГИМ элементам, делая их бесполезными.

Все, что я хочу, это всего лишь способ выровнять HTML-элементы с ДРУГИМИ элементами HTML без необходимости использовать таблицы!

ИЗМЕНИТЬ

При выборе тегов для этого вопроса я натолкнулся на описание, которое в значительной степени суммирует все:

Relativelayout: макет, где позиции детей могут быть описанные относительно друг друга или родителя.

Есть ли RelativeLayout CSS? Или я использую таблицы, когда хочу это сделать?

Я приму ответ, который будет ближе всего к моей желаемой функциональности, не используя предопределенные ширины или высоты (включая ответ "Ничего подобного не существует", если никто другой не обеспечивает что-то лучшее).