Html 第二个div显示第一个-float:对

我有一个向右浮动的div和两个也向右浮动的子div。问题是第二个Div总是首先出现。我曾尝试将clearfix添加到父div，但根本不起作用。有没有办法在不增加子div宽度的情况下解决这个问题

<div class="parent-div">
    <div class="div1">
        Div 1
    </div>
    <div class="div2">
        Div 2
    </div>
</div>

.parent-div {
    float: right;
    margin-left: 0;
    flex-grow: 1;
    display: inline;
}

.parent-div>* {
    float: right;
}

第一组
第2组
.家长组{
浮动：对；
左边距：0；
柔性生长：1；
显示：内联；
}
.parent div>*{
浮动：对；
}

第一组
第2组
.家长组{
浮动：对；
左边距：0；
柔性生长：1；
显示：内联；
}
.parent div>*{
浮动：对；
}
.clearfix{
明确：两者皆有；
}

• 如果您在正确的位置添加了clearfix，这将使

  div2

  不相对于

  div1浮动

---

.parent div>*{float:left；}

？多个float权限将以从右到左的顺序显示对象。在本例中，div1将是最右边的，div2将是最左边的。我可能会使用flex而不是float right，尤其是当父级已经向右浮动时。你可以做显示：flex；证明内容：柔性端；谢谢，@Temaniaff如果你的两个解决方案都有效的话。

<div class="parent-div">
    <div class="div1">
        Div 1
    </div>
    <div class="clearfix">
    </div>
    <div class="div2">
        Div 2
    </div>
</div>

.parent-div {
    float: right;
    margin-left: 0;
    flex-grow: 1;
    display: inline;
}

.parent-div>* {
    float: right;
}
.clearfix{
  clear:both;
}