Question

是否可以让bye元素在hi下面呈现，但仍然位于红色块的右侧？（而不是在同一条线上）

为了澄清，我不想使用<br />，float:left应用于hi是不可删除的，我不想设置任何其他width }或height属性，而不是已经指定的属性。

Answer 1

我将float:left添加到包含“hi”和“bye”的div中，并将“bye”设置为clear:left

<div>
    <div style="width:30px; height:300px; background:red; float:left;"></div>
    <div style="float:left">
        <div style="float:left;">hi</div>
        <div style="clear:both;">bye</div>
    </div>
</div>

Answer 2

嗯，我可以看到红色方框下的正常clear:both方式。如果你不能改为嗨float:right而使用<div style="clear:right">bye</div>，那么在这种情况下会有一个简单的换行符：

<div style="float:left;">hi</div>
<br />
<div>bye</div>

Answer 3

您可以使用float:left将这两个元素包装在div中。

<div style="float: left;">
    <div>hi</div>
    <div>bye</div>
</div>

小提琴：http://jsfiddle.net/DLHGs/8/

Answer 4

<div>
    <div style="width:30px; height:300px; background:red; float:left;"></div>
    <div style="float:left;">
        <div  style="float:left;">hi</div>
        <div style="">bye</div>
    </div>
</div>

Div / Block元素出现在浮点数下？

4 个答案: