Question

关于花车和清理的问题。 Here's the fiddle. 如何让文本显示在红色对象下？如果我使用clear: left，则文本会显示在黑色对象下方，因为它的高度比红色对象高。是否可以通过仅使用浮动和清除来获得我正在寻找的外观？

Answer 1

您需要将red div后跟h2标记放在左侧浮动的包含div中（您可以从red div中删除float：left。您可以删除来自clear:left的{{1}}：）

Answer 2

我认为你错误的设计错了。这是新的jsfiddle

<div id="blue">
    <div id="black"></div>
    <div id="new">      
        <div id="red"></div>
         <h2>TEXT</h2>
    </div>
</div>

让新的div浮动

#new{width:200px;float:left}