Css 是否可以浮动：对；与顶部对齐？

这是我的名片

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

我的期望是，浮动的右边的文章将填充开放空间，并与右上角对齐。。。但它与最后一篇浮动的左文对齐

有没有办法强迫这篇浮动的文章与顶部对齐，而不借助于定位

谢谢

编辑：我应该详细说明，不幸的是，在这种情况下，我几乎无法控制标记。。。我无法将前两篇文章包装在自己的容器中。此外，每一篇文章的高度都是不可预测的。如果我完全定位了右对齐的文章，并且它的高度比组合的左对齐文章要长。。。然后我会有一个article元素溢出到页脚上

.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;
}

---

关于float的问题是它从DOM中删除了浮动的元素，所以它不知道其他元素在哪里可以对齐自己。您需要将其包装在一个未浮动的div中，然后将其对齐。包装元素需要是溢出的：也要隐藏，这样它才能包含整个浮动元素。

关于浮动的事情是它从DOM中删除了浮动元素，所以它不知道其他元素在哪里可以对齐自己。您需要将其包装在一个未浮动的div中，然后将其对齐。包装元素需要溢出：也要隐藏，这样它才能包含整个浮动元素。

为什么不更改HTML中的位置呢？我知道你说过你不想。。但为什么呢？我不想求助于定位，因为所有这些文章的高度都是不可预测的。如果现在定位的右浮动元素绝对高于左浮动元素，则它将溢出到页脚上。也许我误解了你的评论。。。如果是，请你详细说明一下好吗？谢谢。你为什么不改变一下HTML中的位置呢？我知道你说过你不想。。但为什么呢？我不想求助于定位，因为所有这些文章的高度都是不可预测的。如果现在定位的右浮动元素绝对高于左浮动元素，则它将溢出到页脚上。也许我误解了你的评论。。。如果是，请你详细说明一下好吗？谢谢。虽然我希望有所不同，但你不能否认事实。谢谢你为我证实这一点。虽然我希望有不同的东西，但你不能否认事实。谢谢你为我确认这一点。