浮动

float属性值：none，left，right。
none：不浮动：
当浮动值为none时，如图所示

left：左浮动。

right：有浮动。

采用浮动是会有什么影响？
浮动会使当前标签脱离文档流，产生上浮的效果，同时还会影响周边元素（前后标签）及父级元素的位置和width，height属性，
还会使高度塌陷。

如何解决浮动产生的影响？
一共由四种方法：
1.给容器设置高度。
2.容器挂一个clearfix。
代码如：
.clearfix：after{
content: “”;
clear:both;
float:none;}
3.在最后一个元素加一个空的盒子，清除左右浮动。
4.还有就是使用overflow：hidden。