向左浮动两个元素?

时间:2012-08-04 08:15:08

标签: html css css-float

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

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

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

enter image description here

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

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

1 个答案:

答案 0 :(得分:6)

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

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

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