Можно ли плавать: справа; выровнять по высоте?

Question

Это мой jsfiddle.

У меня есть контейнер, использующий класс clearfix. Внутри них есть 3 статьи, первые два плавают слева на 70% ширины, последний плавает с шириной 30%.

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

Есть ли способ заставить этот плавающий правый предмет выровнять по высоте, не прибегая к позиционированию?

Спасибо!

EDIT: Я должен уточнить, что, к сожалению, у меня мало контроля над разметкой в ​​этой ситуации ... Я не могу обернуть первые две статьи в своем контейнере. Кроме того, высота каждой из этих статей непредсказуема. Если бы я правильно позиционировал правильно выровненное изделие, и он был длиннее по высоте, чем объединенные левые выровненные статьи ... тогда у меня был бы элемент статьи, переполненный на нижний колонтитул.

.left { 
    float: left; 
    width: 70%; 
    height: 240px; 
} 
.right { 
    float: right; 
    width: 30%; 
    height: 340px; 
} 
.clearfix:before, 
.clearfix:after, 
.checkboxset:before, 
.checkboxset:after { 
    content: " "; 
    display: table; 
} 
.clearfix:after, 
.checkboxset:after { 
    clear: both; 
} 

Answer 1

Дело о поплавке он удаляет плавал элемент из DOM, поэтому он не знает, где другие элементы больше, чтобы выровнять себя. Вам нужно обернуть его в незавершённый div и затем выровнять его. Элемент wrapping должен быть «overflow: hidden», поэтому он будет содержать весь плавающий элемент.