css - 奇怪的 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 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>