Как очистить только один плавающий объект?

Question

Вопрос о поплавках и очистке. Вот скрипка. Как заставить текст появляться под красным объектом? Если я использую clear: left, текст появляется под черным объектом, потому что он имеет большую высоту, чем красный. Можно ли получить тот вид, который я ищу, используя только float и clear?

Answer 1

Я думаю, что вы ошибаетесь в неправильном дизайне. Это новый jsfiddle

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

Сделать новое число с плавающей точкой влево

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

Answer 2

Вам нужно поместить red div, а затем тег h2 в содержащий div, который плавает влево (вы можете удалить float: left из red div. И вы можете удалить clear:left из h2:)

http://jsfiddle.net/XqLFX/