float：它以正确的顺序出现在HTML代码中

我有一个container div和两个子div，它们都带有

float:right

属性

我的代码如下所示：

<div class="container">               .container {width: 50%}
   <div class="a"></div>              .a, .b { float: right }
   <div class="b"></div>
</div>

.container{宽度：50%}
.a、.b{float:right}

在语义上，我应该在我的页面上看到

[[A][B]]

，但它显示为

[[B][A]]

---

如果我想先看到A，我可以对HTML重新排序并将B放在第一位，但这在语义上并不正确。正确的方法是什么？

您可以使用flexbox和

调整内容：flex end
.container{
背景：#eee；
宽度：50%；
显示器：flex；
证明内容：柔性端；
}

A.
B
您可以使用flexbox和
调整内容：flex end
.container{
背景：#eee；
宽度：50%；
显示器：flex；
证明内容：柔性端；
}

A.
B
将元素向右浮动将首先使用最后一个div对它们进行排序。试着把它们都放在左边

.a, .b
{
float: left;
}

将元素向右浮动将首先使用最后一个div对它们进行排序。试着把它们都放在左边

.a, .b
{
float: left;
}

因为你的[A]在[B]之前。它之前也在浮动。您可以使用display flex或display inline-block。您也可能希望
.a、.b
的宽度为50%是的，但为了简单起见，我在这个问题中忽略了这些，因为您的[a]在[b]之前。它之前也在浮动。您可以使用display flex或display inline-block。您也可能希望
.a、.b
的宽度为50%是的，但为了简单起见，我在这个问题中省略了这些内容。这将显示
[[a][b]]
而不是
[[a][b]
，这就是我所想的want@penu你打算把多余的空间填满吗？如
[[A][B]]
如果要将[A][B]浮动到容器div的右侧。。。。试试
容器{float:right；]
不，不是我想要的这会显示
[[A][B]]
不是
[[A][B]]
，这是我想要的want@penu您打算填充额外的空间吗？例如
[[A][B]]
如果您想将[A][B]浮动到容器div的右侧……请尝试
容器{float:right；]
nah，不是我想要的汉克斯，flex答案有效。但是内联块没有，因为div更复杂，有边框和paddings@penu太棒了，不客气。你可以在内联块元素上使用边框和填充。太棒了！我最喜欢你的更新解决方案，非常有效perfectly@penu甜心！：）谢谢，flex answer起作用了。内联块没有起作用，因为div更复杂，有边框和边框paddings@penu太棒了，不客气。你可以在内联块元素上使用边框和填充。太棒了！我最喜欢你的更新解决方案，非常有效perfectly@penu好极了！：）