使弹性项目向右浮动

I have a

<div class="parent">
    <div class="child" style="float:right"> Ignore parent? </div>
    <div> another child </div>
</div>

家长有

.parent {
    display: flex;
}

对于我的第一个孩子，我只想将项目浮动到右侧。

我的其他 div 遵循父级设置的弹性规则。

这有可能吗？

如果没有，我该如何做float: right在弹性下？

你不能使用float inside 柔性容器原因是float 属性不适用于弹性级别框正如你可以在这里看到的Fiddle https://jsfiddle.net/Lg0wyt9u/272/.

所以如果你想定位child右边的元素parent你可以使用的元素margin-left: auto但现在child元素也会推动其他元素div向右，如您所见Fiddle https://jsfiddle.net/Lg0wyt9u/273/.

您现在可以做的是更改元素的顺序并设置order: 2 on child元素，因此它不会影响第二个 div

.parent {
  display: flex;
}
.child {
  margin-left: auto;
  order: 2;
}

<div class="parent">
  <div class="child">Ignore parent?</div>
  <div>another child</div>
</div>