浮动的意义:设置了浮动属性的元素会脱离普通标准流的控制,移动到其父元素中指定的位置的过程,将块级元素放在一行,浮动会脱离标准流,不占位置,会影响标准流,浮动只有左右浮动,不会出现上下浮动。
浮动的使用:
基本语法格式:选择器{float:属性值;}left 元素向左浮动
right 元素向右浮动
none 元素不浮动
元素浮动的特性:
1、浮动的元素脱离了标准文档流,摆脱块级元素和行内元素的限制
1)这是两个div盒子以及一个span元素在没有设置浮动情况下的样子:
2)这是两个div盒子以及一个span元素在同时设置浮动情况下的样子:
3)比较进行分析,在三个盒子同时设置了浮动的情况下,