时间戳

首页 > 解决方案 > 第二个 div 首先显示 - float:right

html - 第二个 div 首先显示 - float:right

问题描述

我有一个向右浮动的 div 和两个也向右浮动的子 DIV。问题是 Second 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;
}

标签： htmlcsscss-float

解决方案

<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;
}
  • 您是否在正确的位置添加了 clearfix，这将导致div2不尊重div1 float.

推荐阅读