使弹性项目向右浮动

小编典典

使弹性项目向右浮动

all

我有一个

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

父母有

.parent {
    display: flex;
}

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

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

这有可能吗？

如果没有，我该如何做一个float: rightunder flex？

阅读 93

2022-07-29

共1个答案

小编典典

您不能float在 flex 容器 内使用，原因是 float 属性不适用于 flex-level 框
，如您在此处看到的Fiddle。

因此，如果您想将元素定位到您可以使用child的元素的右侧，但现在元素也会将其他元素推到右侧，如您在此处看到的那样。parent``margin- left: auto``child``divFiddle

您现在可以做的是更改元素的顺序并order: 2在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>

2022-07-29