向左浮动两个元素?

W3G*_*eek 4 html css css-float

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

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

编辑:这是我正在搞乱的事情,看看我是否能理解这个概念.

在此输入图像描述

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

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

Den*_*aub 6

这是一系列非常全面的教程:Floatutorial.通过遵循教程,它变得非常清楚浮动是如何工作的.

要回答你的具体问题:如果你有两个元素float:left,那么周围的内容将包装第二个元素,然后是第一个元素,如果有剩余的空间.

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