float浮动属性

float:属性是定义元素在那个方向浮动。在css中任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是什么元素。如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄。

left:向左浮动

right：向右浮动

none:默认值，元素不浮动，并会显示在其在文本中出现的位置。

inherit:规定应该从父元素继承float属性的值。

使用float浮动后：

子元素 div2 本身具有高度和宽度，但由于其具有float:left；属性后。其父元素 div1 不具有高度

我们可以直接给 div1 设置固定高度来解决。另外一种解决办法是给父元素 div1 设置 overflow:hidden 属性