Настройка высоты DIV в HTML с помощью CSS

я CSS новичок пытается макет таблицы-например страница с двумя колонками. Я хочу, чтобы в правой колонке, чтобы причалить к правой части страницы, и этот столбец должен иметь различные цвета фона. Содержимое в правой стороне почти всегда будет меньше, чем на левой. Я бы хотел div на право всегда быть достаточно высоким, чтобы добраться до разделителя строк ниже. Как я могу сделать мой цвет фона заполнить этот пробел?

<html>
    <body>
        <style type="text/css">
            .rightfloat
            {
                color: red;
                background-color: #BBBBBB;
                float: right;
                width: 200px;
            }

            .left {
                font-size: 20pt;
            }

            .separator {
                clear: both;
                width: 100%;
                border-top: 1px solid black;
            }
        </style>

        <div class="separator">
            <div class="rightfloat">
                Some really short content.
            </div>
            <div class="left"> 
                Some really really really really really really
                really really really really big content
            </div>
        </div>
        <div class="separator">
            <div class="rightfloat">
                Some more short content.
            </div>
            <div class="left"> 
                Some really really really really really really
                really really really really big content
            </div>
        </div>
    </body>
</html>

Edit: я согласен, что этот пример очень таблице, как и реальные таблицы будет прекрасным выбором. Но моя "настоящая" на странице со временем будут меньше табличного типа, и мне бы хотелось, чтобы сначала освоить эту задачу!

Также, по какой-то причине, когда я создать/редактировать свои посты в IE7, код отображается корректно в режиме предварительного просмотра, но когда я на самом деле почтовое сообщение, форматирование будет удален. Редактирование мой пост в Firefox 2, кажется, работал, FWIW.


Еще один редактирования: Да, я неприемлимо GateKiller ответ. Это действительно хорошо работают на мои простые страницы, но не в моей реальной тяжелее, стр. Я буду расследовать некоторые ссылки y'All указали мне. Спасибо!

Найдено 11 ответ:

Setting a div's height in HTML with CSS

http://stackoverflow.com/questions/4973/setting-a-divs-height-in-html-with-css

Посмотреть решение →