CSS设置浮动（十四）

浮动

1.1 什么是浮动

• 概念：元素的浮动是指设置了浮动属性的元素会

  脱离标准普通流的控制

  移动到指定位置

• 作用：

  1.让多个盒子(div)水平排列成一行，使得浮动成为布局的重要手段。 2.可以实现盒子的左右对齐等等.. 3.浮动最早是用来控制图片，实现文字环绕图片的效果。

• 语法：

  选择器{float:属性值;}

  属性值	描述
  none	元素不浮动（默认）
  left	元素左浮动
  rigth	元素右浮动

1.2 浮动小结

特点	说明
浮	加了浮动的盒子是浮起来的，漂浮在其他标准流盒子的上面。
漏	加了浮动的盒子是不占位置的，它原来的位置漏给了标准流的盒子。
特	特别注意:浮动元素会改变display属性，类似转换为了行内块，但是元素之间没有空白缝隙