CSS之浮动

1、所谓浮动指的是使元素脱离原来的文本流，在父元素中浮动起来。
2、浮动使用float属性。
• 可选值：
– none：不浮动
– left：向左浮动

– right：向右浮动

3、当一个元素设置浮动后，会立即脱离文档流，它下边的元素会立即向上移动（即原文档流位置不再占用），元素浮动以后会尽量向左上或右上漂浮，直到遇到父元素边框或其他浮动元素停止。

4、如果浮动元素上边是一个没有浮动的块元素，则浮动元素不会超过块元素向上。

5、浮动元素不会超过其兄弟元素。

6、浮动的元素不会盖住其下面元素的文字，文字会自动环绕在浮动元素的周围。可以通过浮动设置文字环绕图片的效果。

7、在文档流中，子元素的宽度默认占父元素的全部，当元素设置为浮动以后，会完全脱离文档流，高度和宽度都由其内容撑开。

8、块级元素和行内元素都可以浮动，当一个行内元素浮动以后将会自动变为一
个块级元素。

9、当一个块级元素浮动以后，宽度会默认被内容撑开，所以当漂浮一个块级元
素时我们都会为其指定一个宽度。