float浮动

浮动

所谓浮动指的是使元素脱离原来的文本流，在父元素中浮动起来。
浮动使用float属性。
• 可选值：
– none：不浮动
– left：向左浮动
– right：向右浮动
1、块级元素和行内元素都可以浮动，当一个行内元素浮动以后将会自动变为一个块级元素。
2、当一个块级元素浮动以后，宽度会默认被内容撑开，所以当漂浮一个块级元素时我们都会为其指定一个宽度。
3、当一个元素浮动以后，其下方的元素会上移。元素中的内容将会围绕在元素的周围。
4、浮动会使元素完全脱离文档流，也就是不再在文档中在占用位置。
5、浮动不会对文本内容脱离文档流，文字会形成环绕效果
5、元素设置浮动以后，会一直向上漂浮直到遇到父元素的边界或者其他浮动元素。
6、如果浮动元素上边是一个没有浮动的块元素，则浮动元素不会超过该块元素
7、元素浮动以后即完全脱离文档流，这时不会再影响父元素的高度。也就是浮动元素不会撑开父元素。块元素的默认宽高都被内容撑开。
8、浮动元素默认会变为块元素，即使设置display:inline以后其依然是个块元素。