странная проблема CSS?позиционирование элементов div с использованием свойства float

Question

В Dreamweaver, когда я ввожу этот HTML:

<div style="float:left;width:100px;height:20px">a</div>
<div style="float:left;clear:left;width:100px;height:100px">b</div>
<div style="float:left;width:80px;height:100px">c</div>

div c, кажется, выровнен к вершине вдоль стороны вершины div a. Вот как я этого хочу однако, для отображения при отображении в браузере (firefox, то есть протестировано) div c ниже div a и выровнен вместо div b Как я могу это исправить?

Answer 1

Это похоже на ошибку в Dreamweaver.

Элементы не всплывают после очищающего элемента в том же контексте.

Звучит так, как вы хотите:

<div style="width: 100px; float: left;">
    <div style="height:20px">a</div>
    <div style="height:100px">b</div>
</div>
<div style="float: left;width:80px;height:100px">c</div>

Answer 2

Трудно угадать макет, который вы хотите из вашего описания:

Попробуйте и дайте мне знать ...

<div style="float:left;width:100px;height:20px">a</div>   
<div style="float:left;width:80px;height:100px">c</div>
<div style="clear:both;width:100px;height:100px">b</div>