4

我想我需要更多关于浮动概念的帮助。这次我的问题围绕着向左浮动两个或更多元素。这究竟是如何工作的?我知道浮动将元素的子元素从页面上抬起并将它们一直移动到左侧。所有其他元素都通过环绕来响应......但是浮动两个元素的概念如何适用于此?

这是我的理解:假设我有两个 DIV,a 和 b。将a 向左浮动,b 的内容将环绕它... 但是如果我将b 向左浮动... 内容如何响应a?

编辑:这是我正在搞砸的东西,看看我是否能理解这个概念。

在此处输入图像描述

第一个 DIV 有一个向左浮动的内联样式...但是看看没有内联样式边距的第二个 DIV 是如何古怪的?...当 DIV 向左浮动时,它不会显示这个古怪的边距还。

编辑:我知道内联样式很糟糕......我只是在这里用它们来展示一个例子。

4

1 回答 1

6

这是一系列非常全面的教程:Floatutorial。通过遵循教程,可以非常清楚浮动的工作原理。

回答您的具体问题:当您有两个带有 的元素时float:left,周围的内容将包裹第二个元素,如果还有空间,则包裹第一个元素。

示例:http: //jsfiddle.net/ak736

于 2012-08-04T08:17:56.800 回答