Я пытаюсь выложить табличную страницу с двумя столбцами. Я хочу, чтобы самый правый столбец состыковался справа от страницы, и этот столбец должен иметь четкий цвет фона. Содержание в правой части почти всегда будет меньше, чем слева. Я бы хотел, чтобы div справа всегда был достаточно высоким, чтобы достичь разделителя для строки ниже. Как я могу сделать, чтобы мой фоновый цвет заполнил это пространство?
.rightfloat {
color: red;
background-color: #BBBBBB;
float: right;
width: 200px;
}
.left {
font-size: 20pt;
}
.separator {
clear: both;
width: 100%;
border-top: 1px solid black;
}
<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>