如何只清除一个浮动对象？

Question

关于浮动和清算的问题。 这是小提琴。 如何让文本出现在红色对象下方？ 如果我使用 clear: left，文本将出现在黑色对象下方，因为它的高度比红色对象高。 仅使用 float 和clear 是否有可能获得我正在寻找的外观？

Answer 1

您需要将 red div 后跟 h2 标签放入左侧浮动的包含 div 中（您可以从 red 中删除 float:left div，您可以从 h2 中删除 clear:left :)

http://jsfiddle.net/XqLFX/

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}