Вот пример кода http://paste.ideaslabs.com/show/kmGATPRovx. Как сделать второй блок похожим на первый с большим количеством контента в блоке -front-content? Самой проблемой является положение нижней границы нижнего края.Столбец равного роста без фона
Мое предложение для «решения» можно найти here. Это не изящно, но в браузере (быстрый тест IE/FF) выглядит так, как я думаю, вы искали. То, что я сделал, это добавить новую оболочку div.front с нужной границей и шириной 25% и отрицательным верхним краем. Я удалил border-bottom из div.front-description. Затем я поместил пустой div с передним обтекателем класса после закрытия «wrapping» -div.
Фронт-обертка, конечно, теперь имеет вводящее в заблуждение имя класса, поскольку оно не обертывает что-либо, но для этого я начал использовать его, но не мог заставить его работать по своему желанию. Так переименуйте его.
Живой пример был бы намного лучше и ценен, помогите нам помочь вам :) – Kyle
Вы можете нажать «Загрузить» и сохранить его как файл HTML;) –
Кстати, для чего-то простого, как два горизонтально-уложенных столбцы, вы также можете рассмотреть возможность использования 'display: inline-block;' вместо 'float: left ', поскольку он сохраняет блоки в макете и позволяет избежать проблем с очисткой. –