是否有可能漂浮：对;对齐顶部？

Question

这是我的jsfiddle。

我有一个使用“clearfix”类的容器。其中有3篇文章，前两个以70％宽度浮动，最后一个以30％宽度浮动。

我的期望是，浮动的右侧文章将填充开放空间并与右上方对齐......但它会与最后一个浮动的左侧文章对齐。

有没有办法强制这个浮动的右侧物品与顶部对齐，而不需要求助于定位？

谢谢！

编辑：我应该详细说明，在这种情况下我无法控制标记......我无法将前两篇文章包装在自己的容器中。而且，这些物品中的每一个的高度都是不可预测的。如果我绝对放置了右对齐的文章，并且它的高度比组合的左对齐文章更长......那么我的文章元素会溢出到页脚上。

.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

关于float的事情是它从DOM中移除浮动元素，因此它不知道其他元素在哪里对齐自己。你需要将它包装在一个未开发的div中然后对齐它。包装元素也需要“溢出：隐藏”，因此它将包含整个浮动元素。