html - 向左浮动两个元素？

Question

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

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

编辑:这是我正在弄乱的东西，看看我是否能理解这个概念。

第一个 DIV 有一个内联样式，将它 float 到左侧......但是看到没有内联样式边距的第二个 DIV 是多么古怪吗？......当 DIV float 时它不显示这个古怪的边距也在左边。

编辑:我知道内联样式不好...我只是用它们来展示这里的示例。

Answer 1

这里有一系列非常全面的教程:Floatutorial .通过学习教程，您会非常清楚 float 的工作原理。

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

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