奇怪的 CSS 问题？使用 float 属性定位 div 元素

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 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>