Куда бы я ни заходил в Интернет, я постоянно чувствую, что мне не следует использовать таблицы. К сожалению, я один из немногих программистов, который достаточно упрям, чтобы все еще использовать их - я откровенно считаю, что функции выравнивания и компоновки 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 без необходимости использования таблиц!

РЕДАКТИРОВАТЬ

Выбирая теги для этого вопроса, я натолкнулся на описание, которое в целом подводит итог:

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

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

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