Вслепую преобразовывающие структуры к классам для сокрытия конструктора по умолчанию?

Перенесите их в содержание отделения с цветом фона, относился к нему, и имейте очищающееся отделение после 'столбцов'.

  
column a
  
column b
  

Обновленный для обращения к некоторым комментариям и моим собственным мыслям:

Этот метод работает, потому что по существу упрощение Вашей проблемы, в этом несколько 'oldskool' метод я вставил два столбца, сопровождаемые пустым элементом очистки, задание очищающегося элемента состоит в том, чтобы сказать родителя (с фоном), что это - то, где плавающее поведение заканчивается, это позволяет родителю по существу представлять 0 пикселей высоты в положении ясного, которое будет тем, что самый высокий монастырь плавающий элемент.

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

нужно отметить, что эта техника является 'oldskool', потому что лучший выбор состоит в том, чтобы инициировать это поведение расчета высоты с чем-то как clearfix или путем простого наличия переполнения: скрытый на родительском элементе.

, Пока это работает в этом ограниченном сценарии, если Вы хотите для каждого столбца выглядеть визуально отличающимися, или иметь разрыв между ними, затем устанавливая фон на родительском элементе, не будет работать, существует однако прием для получения этого эффекта.

прием должен добавить нижнее дополнение ко всем столбцам к макс. количеству размера, Вы ожидаете, что это могло быть различием между самым коротким и самым высоким столбцом, если Вы не можете решить, что это затем выбирает крупное число, затем необходимо добавить отрицательное нижнее поле того же числа.

Вы должны будете переполниться скрытый на родительском объекте, но результат будет состоять в том, что каждый столбец запросит представить эту дополнительную высоту, предложенную полем, но не на самом деле запросить расположение того размера (потому что отрицательное поле противостоит вычислению).

Это представит родителя в размере самого высокого столбца, позволяя всем столбцам представить на их высоте + размер нижнего используемого дополнения, если эта высота будет больше, чем родитель затем, то остальные просто вырежут.

  
column a
column a
  
column b

Вы видите пример этой техники на эти дачи и wilkins веб-сайт (см., что четыре горизонтальных центра внимания отображают конец страницы).